quick example
Email address We'll never share your email with anyone else.
Password
Check me out
Form controls
Email address
Example select
Example multiple select
Example textarea
Sizing
Readonly
Readonly plain text
Email
Password
Email
Password
Range Inputs
Example Range input
Checkboxes and radios

Default (stacked)

Default checkbox
Disabled checkbox
Default radio
Second default radio
Disabled radio

Inline

1
2
3 (disabled)
1
2
3 (disabled)
Custom Checkboxes & Radios
Check this custom checkbox

Toggle this custom radio
Or toggle this other custom radio

Toggle this switch element
Disabled switch element
Layout

Form groups

Example label
Another label
Form grid
Form Row Example
Email
Password
Address
Address 2
City
State
Zip
Check me out
Horizontal form
Email
Password
Radios
First radio
Second radio
Third disabled radio
Checkbox
Example checkbox
Horizontal form label sizing
Email
Email
Email
Column sizing
Auto-sizing
Name
Username
@
Remember me

You can then remix that once again with size-specific column classes.

Name
Username
@
Remember me

And of course custom form controls are supported.

Preference
Remember my preference
Inline forms
Name Username
@
Remember me

Custom form controls and selects are also supported.

Preference
Remember my preference
Help text
Password Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji.

Password Must be 8-20 characters long.

Inline text can use any typical inline HTML element (be it a , , or something else) with nothing more than a utility class.

Password Must be 8-20 characters long.
Disabled forms
Disabled forms

Add the disabled attribute to a fieldset to disable all the controls within.

Disabled input
Disabled select menu
Can't check this
Validation

Custom styles

First name
Looks good!
Last name
Looks good!
City
Please provide a valid city.
State
Please select a valid state.
Zip
Please provide a valid zip.
Agree to terms and conditions
You must agree before submitting.
Browser defaults
First name
Last name
City
State
Zip
Agree to terms and conditions
Server side
First name
Looks good!
Last name
Looks good!
City
Please provide a valid city.
State
Please select a valid state.
Zip
Please provide a valid zip.
Agree to terms and conditions
You must agree before submitting.
Supported elements
Textarea
Please enter a message in the textarea.
Check this custom checkbox
Example invalid feedback text
Toggle this custom radio
Or toggle this other custom radio
More example invalid feedback text
Example invalid custom select feedback
Choose file...
Example invalid custom file feedback
@
Example invalid input group feedback
Options
Example invalid input group feedback
Choose file...
Example invalid input group feedback
Tooltips
First name
Looks good!
Last name
Looks good!
City
Please provide a valid city.
State
Please select a valid state.
Zip
Please provide a valid zip.
Custom Select menu

##### Theme Customizer

###### Theme Styles

Dark Mode
Light Mode

Dark Sidebar

Color Less Icons