Story Book

Inputs

1. Basic

2. OTP

[data-input-otp] { --nojs-bg: white !important; --nojs-fg: black !important; background-color: var(--nojs-bg) !important; color: var(--nojs-fg) !important; caret-color: var(--nojs-fg) !important; letter-spacing: .25em !important; text-align: center !important; border: 1px solid var(--nojs-fg) !important; border-radius: 4px !important; width: 100% !important; } @media (prefers-color-scheme: dark) { [data-input-otp] { --nojs-bg: black !important; --nojs-fg: white !important; } }

3. Checkbox

Male

Female

Others

4. Dropdown

5. Multi Select

Enter anything

6. Radio

Auto-Select

Select Manually

Select from Saved

Components

Tooltip

Badges

41+

99+

Online

99+

Date Picker

Calendar

Sep 24

Su	Mo	Tu	We	Th	Fr	Sa

Story Book

Inputs

1. Basic

2. OTP

3. Checkbox

4. Dropdown

5. Multi Select

6. Radio

Components

Tags

Tooltip

Badges

Date Picker

Calendar

Buttons

1. Basic

a. Border Less:

b. Gray:

c. Outline:

d. Filled:

2. Icon

a. Border Less

b. Gray

c. Outline

d. Filled

3. Dropdown

Dropdown -> Border Less

Dropdown -> Gray

Dropdown -> Outline

Dropdown -> Filled

4. Icon Dropdown

Dropdown -> Border Less

Dropdown -> Gray

Dropdown -> Outline

Dropdown -> Filled