Theme

Light Mode
Auto
Light
Dark
Size
Small
Medium
Large
Primary color

Components

Buttons

Primary
Button Text

Button Text


Normal
Button Text

Button Text


Flat
Button Text

Button Text

Button Group

One
Two
Three


Links

Primary
Normal

Labels

Normal
First Name
Required
Email
With Info
Last Name

Checkboxes

Unchecked

Checked

Indeterminate

Radios

Radio 1

Radio 2

Switches

Switch 1 On
Switch 2 Off

Tags

Normal Tag
Closable Tag

Form Inputs

Text Input
With Placeholder
Textarea
Valid Input
Invalid Input
Error Message
Error message on tooltip

Form

Name
Country
City
Address
About
Save

Selects

Single Select
Multiple Select
Searchable Select

Search Field

Progress Bar

10%
50%
100%
1
2
3

Slider

Horizontal
Vertical
Size
1
2

Loader

18 + 3
28 + 4
38 + 5
:loading

List

Non Selection
Option 1
Option 2
Option 3
Option 4
Option 5
Single Selection
Option 1
Option 2
Option 3
Option 4
Option 5
Multiple Selection
Option 1
Option 2
Option 3
Option 4
Option 5
With Icon
Option 1
Option 2
Option 3
Option 4
Option 5
With Subsection
Folder A
Folder B

Navigation

Popovers

Default
Click to Open Popover
With Close Button
Click to Open Popover
No Title
Click to Open Popover
With actions
Click to Open Popover

Menu

Click to Open Menu
Menu with Title

Tooltip

Default
Hover for Tooltip
Prompt
Add Items
Error
Submit

Notifications

Info
Info Notification
Warn
Warn Notification
Error
Error Notification
Success
Success Notification
Without Title
Notification with Title
With List
Notification with List
With Actions
Notification with Actions

Dialogs

Default
Default Dialog
With Title
Dialog with Title
Confirm
Confirm Dialog
Prompt
Prompt Dialog
With Third action
Dialog with Third Action
Customize
Custom Dialog

Modals

Default
Open Modal
With Actions
Modal with Actions

Table

Table on Live Mode

Index
ID
Name
Random Value
01Name 136
12Name 230
23Name 380
34Name 463
45Name 572
56Name 629
67Name 794
78Name 845
89Name 939
910Name 1066
1011Name 1159
1112Name 1276
1213Name 1372
1314Name 1454
1415Name 1594
1516Name 1661
1617Name 1761
1718Name 1874
1819Name 1929
1920Name 2083

Table with Remote Data

Index
ID
Name
Random Value

Drag & Drop

1
2
3

4
5
6

Resizer

Resizer on the Right