Buttons


Textfields


No label input
Some help text
₹
🪴
This is long help text. It can break into two lines if required. But do not put long help text

Native Form Validation

Enter your first name
Email required

React Hook Form Validation

Choose file or drop hereMax size: 2MB
Some help text

Menus



Select Demo


With Label + disabled
With Label
With Label + Invalid
With Label + helpText
This is help text

Multi Select Demo


Dialog


Switches



Checkbox



Select an option
Select an animal (default error msg)*
Select atleast one animal

Radio Group


Select an option
Select an option

Number Field


Combobox Demo

Slider


Slider with help text

Date Picker


Normal Variant
Normal (small)
Outlined Variant
Helper text
Outlined (small)

Time Field


Normal Variant
––––AM
Normal (small)
––––AM
Outlined Variant
––––AM
Helper text
Outlined (small)
––––AM

Signature Pad


Opinion Scale


Opinion Scale

Audio Recorder


00:00
Record your voice
00:00
Record your voice