Profile
Settings
Notifications
5
Messages
10
Logout
Form Elements
Standard and custom elements for any form
Inline form
Name
Username
Remember me
Sign in
Stacked form
Email address
Password
Check me out
Submit
Horizontal form
Email
Password
Remember me
Sign in
Form elements
Classic inputs
Rounded Corners
With help
A block of help text that breaks onto a new line and may extend beyond one line.
Label focus
Password
Placeholder
Disabled
Static control
email@example.com
Checkboxes and radios
Default checkbox
Disabled checkbox
Default radio
Second default radio
Disabled radio
Inline checkboxes and Radios
1
2
3 (disabled)
1
2
3 (disabled)
Select
Open this select menu
One
Two
Three
Open this select menu
One
Two
Three
Open this select menu
One
Two
Three
Input variants
Custom
Check this custom checkbox
Disabled checkbox
Toggle this custom radio
Or toggle this other custom radio
Disabled radio
Inline
Toggle this custom radio
Or toggle this other custom radio
Switches
Toggle this switch element
Disabled switch element
Input validation
First name
Looks good!
Last name
Looks good!
Username
@
Please choose a username.
City
Please provide a valid city.
State
Please provide a valid state.
Zip
Please provide a valid zip.
Agree to terms and conditions
You must agree before submitting.
Submit form
Column sizing
Input groups
@
@example.com
Your vanity URL
https://example.com/users/
$
.00
With textarea
Button addons
Button
Button
With dropdowns
Dropdown
Action
Another action
Something else here
Separated link
Dropdown
Action
Another action
Something else here
Separated link
Segmented
Action
Toggle Dropdown
Action
Another action
Something else here
Separated link
Action
Toggle Dropdown
Action
Another action
Something else here
Separated link