Light
Dark
Form Control
Color
Some Label
Placeholder
Disabled
Disabled (Placeholder)
Readonly
Sizes
Plaintext
Validation
Invalid Field
This is an inline error.
This is an inline error.
This is an inline error.
Valid Field
This is an inline success message.
This is an inline success message.
This is an inline success message.
Custom Colors
Form Select
Select Field
Option A
Option B
Option C
Disabled
Option A
Option B
Option C
Readonly
Option A
Option B
Option C
Readonly (Disabled)
Option A
Option B
Option C
Plaintext
Option A
Option B
Option C
Plaintext (Readonly)
Option A
Option B
Option C
Plaintext (Disabled & Readonly)
Option A
Option B
Option C
Sizes
form-select-xs
form-select-sm
form-select-md
form-select-lg
form-select-xl
form-select-2xl
form-select-3xl
form-select-4xl
form-select-4
form-select-5
form-select-6
form-select-7
form-select-8
form-select-[16px]
form-select-[21px]
Validation
Invalid Field
Option A
Option B
Option C
This is an inline error.
This is an inline error.
This is an inline error.
Valid Field
Option A
Option B
Option C
This is an inline success message.
This is an inline success message.
This is an inline success message.
Custom Colors
1
2
3
1
2
3
1
2
3
1
2
3
Checkboxes and Radios
Unchecked
Checked
Unchecked (Disabled)
Checked (Disabled)
Unchecked
Checked
Unchecked (Disabled)
Checked (Disabled)
Sizes
Validation
Invalid
Invalid
Invalid
Invalid
This is an inline error.
This is an inline error.
This is an inline error.
Valid
Valid
Valid
Valid
This is an inline sucess message.
This is an inline sucess message.
This is an inline success message.
Custom Colors
Switches
Default
Disabled
Disabled (Checked)
Readonly
Readonly (Checked)
Sizes
Validation
Invalid
Invalid
This is an inline error.
This is an inline error.
This is an inline error.
Valid
Valid
This is an inline sucess message.
This is an inline sucess message.
This is an inline success message.
Custom Colors
Animated Labels
Form Control
form-control
form-control-xs
form-control-sm
form-control-md
form-control-lg
form-control-xl
form-control-2xl
form-control-3xl
form-control-4xl
Form Select
form-select
1
2
3
form-select-xs
1
2
3
form-select-sm
1
2
3
form-select-md
1
2
3
form-select-lg
1
2
3
form-select-xl
1
2
3
form-select-2xl
1
2
3
form-select-3xl
1
2
3
form-select-4xl
1
2
3