See Beta View
Kits
Rails
React
Swift
Dialog
Simple
Open Dialog
Header Title is the Title Prop
Hello Body Text, Nice to meet ya.
Fixed Confirmation Toast
Default
Error Message
Items Successfully Moved
Scan to Assign Selected Items
Popover
Default
Click info for more details
I'm a popover. I can show content of any size.
Tooltip
Default
Hover here (Top)
Whoa. I'm a tooltip.
Hover here (Bottom)
Whoa. I'm a tooltip.
Hover here (Right)
Whoa. I'm a tooltip.
Hover here (Left)
Whoa. I'm a tooltip.
Button
Button Variants
Button Primary
Button Secondary
Button Link
Button Disabled
Button Danger
Button Toolbar
Default
Create
Edit
Copy
Cut
Create
Edit
Copy
Cut
Circle Icon Button
Default
Table
Small
Column 1
Column 2
Column 3
Column 4
Column 5
Value 1
Value 2
Value 3
Value 4
Value 5
Value 1
Value 2
Value 3
Value 4
Value 5
Value 1
Value 2
Value 3
Value 4
Value 5
Advanced Table
Default (Required Props)
Year
New Enrollments
Scheduled Meetings
Attendance Rate
Completed Classes
Class Completion Rate
Graduated Students
2021
20
10
51%
3
33%
19
Q1
2
35
32%
15
52%
36
January
16
20
11%
13
47%
28
10
34
28
97%
20
15%
17
20
43
23
66%
26
47%
9
February
20
41
95%
26
83%
43
15
19
35
69%
8
75%
23
2022
25
17
75%
5
45%
32
Q1
2
35
32%
15
52%
36
January
16
20
11%
13
47%
28
15
34
28
97%
20
15%
17
25
43
23
66%
26
47%
9
May
20
41
95%
26
83%
43
2
19
35
69%
8
75%
23
2023
10
15
65%
4
49%
29
Q1
2
35
32%
15
52%
36
March
16
20
11%
13
47%
28
10
34
28
97%
20
15%
17
11
43
23
66%
26
47%
9
April
20
41
95%
26
83%
43
15
19
35
69%
8
75%
23
List
Default
List Item
List Item
List Item
List Item
List Item
Filter
Default
name
John Wick
city
San Francisco
Results:
1
sort by:
Popularity
Example text field
Example collection select
USA
Canada
Brazil
Philippines
A galaxy far far away...
Apply
Clear
Popularity
Mananger's Title
Manager's Name
No Filter Selected
Results:
0
sort by:
Popularity
Example text field
Example collection select
USA
Canada
Brazil
Philippines
A galaxy far far away...
Apply
Clear
Popularity
Mananger's Title
Manager's Name
Distribution Bar
Default
Legend
Default
Windows
Doors
Roofing
Siding
Solar
Gutters
Insulation
Other
Gauge
Default
Bar Graph
Default
Circle Chart
Default Style
Line Graph
Default
Treemap Chart
Default
Date
Default
Dec 11
Aug 2, 2012
Sat
•
Dec 2, 2017
Dec 11
Aug 2, 2012
Sat
•
Dec 2, 2017
Date Range Inline
Default
Jun 18, 2019
Mar 20, 2020
Jun 18, 2019
Mar 20, 2020
Jan 15
Aug 15
Jan 15
Aug 15
Jan 15
Aug 15
Jan 15
Aug 15
Date Range Stacked
Default
18 JUN
2019
20 MAR
2020
Date Stacked
Default
Dec
11
Dec
11
Date Time
Default
Wed
•
Dec 11
5:04p
EST
Wed
•
Dec 11
5:04p
EST
Dec 11
5:04p
EST
Dec 12
7:04a
JST
Date Time Stacked
Default
Dec
11
5:04p
EST
Mar
20
2018
12:00a
EDT
Dec
11
7:04a
JST
Dec
11
3:04p
MST
Date Year Stacked
Default
11 DEC
2024
11 DEC
2024
11 DEC
2024
Time
Default
5:04p
5:04p
EST
11:49a
11:49a
EDT
5:04p
5:04p
EST
11:49a
11:49a
EDT
Time Range Inline
Default
11:49a
1:49p
11:49a
1:49p
11:49a
1:49p
EDT
11:49a
1:49p
EDT
11:49a
1:49p
11:49a
1:49p
11:49a
1:49p
EDT
11:49a
1:49p
EDT
Time Stacked
Default
5:04p
EST
5:04p
EST
5:04p
EST
Timestamp
Default
5:04p
Dec 11 · 5:04p
Dec 11, 2028 · 5:04p
Dec 11, 2023 · 5:04p
Weekday Stacked
Default
Tue
12/10
Tue
12/10
Tue
12/10
Contact
Default
(349) 185-9988
(555) 555-5555
email@example.com
(324) 562-7482
(349) 185-9988
Currency
Variants
Emphasized False
$
2,000
.50
Light
€
342
.00
Bold
$
45
/mo
Home Address Street
Default
70 Prospect Ave · Colonial
Apt M18
West Chester, PA 19382
H#8250263
PHL
Label Pill
Default
Service Needed
76
Waiting
69
In Service
28
Fully Serviced
101
Inbox
197
Outbox
13
Inbox
218
Label Value
Default
Role
Administrator, Moderator
Email
anna.black@powerhrg.com
Bio
Proin pulvinar feugiat massa in luctus. Donec urna nulla, elementum sit amet tincidunt nec, mattis nec urna. Cras viverra lorem odio, id pretium dui interdum ut. Nullam dignissim nisl vitae orci vehicula condimentum.
Person
Default
Kyle
Fadigan
Person Contact
Default
Pauline
Smith
email@example.com
(555) 555-5555
(324) 562-7482
Source
Default
BJ's Johnston-208
Retail
Referral-phrg
Inbound
BJ's Future CB
Anna Black
48582
Dashboard Value
Full Example
Decreased Value
1,428
appts
26.1%
Increased Value
938
homes
56.1%
Neutral Value
261
windows
86%
Pitch Rate
90.9
%
Stat Change
Default
28.4%
6.1%
102%
Stat Value
Default
1,048
10.48
Title Count
Default
Appointments
35.78
Appointments
7,399
Appointments
-379,503.372
Title Detail
Default
Email Notifications
Commits data and history
Email Notifications
Commits data and history
Email Notifications
Commits data and history
File Upload
File Upload
Upload File
Toggle
Default State
Form Pill
Form Pill User
Anna Black
Anna Black
Form
Default
Example typeahead
Example text field
Example email field
Example number field
Example search field
Example password field
Example url field
Example text area
Example dropdown
Select...
United States
Canada
Pakistan
Example select
Yes
No
Example collection select
Alabama
Alaska
Arizona
Arkansas
California
Colorado
Connecticut
Delaware
Florida
Georgia
Example checkbox
Example Checkbox
Example date picker 1
Example star rating
Save Example
Cancel
Form Group
Default
First Name
Middle Intial
Last Name
Passphrase
Default
Phone Number Input
Default
Text Input
Default
First Name
Last Name
Phone Number
Email Address
Zip Code
Rich Text Editor
Default
Textarea
Default
Label
Label
Label
Default value text
Typeahead
Default
Date Picker
Default
Date Picker
Dropdown
Default
Select...
United States
Canada
Pakistan
Multi Level Select
Default
Select
Default
Favorite Food
Burgers
Pizza
Tacos
BBQ
Selectable Card
Default
Selected, with icon
Selected, without icon
Unselected
Disabled
Selectable Card Icon
Default
Quarterly Report
Export
Market Share
Export
Comprehensive
Export
Selectable Icon
Default
US Dollar
Euro
Yen
Radio
Default
Power
Nitro
Google
Checkbox
Default
Checkbox Label
Selectable List
Default
Mild
Medium
Hot
Icon
Icon Default
