Inputs

Most common form control, text-based input fields. Includes support for all HTML5 types: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color.

Text

Rounded

Label focus

Password

Placeholder

Help text

A block of help text that breaks onto a new line and may extend beyond one line.

Disabled

Readonly

Static control

email@example.com

Input with success

Input with warning

Input with error

Large label

Small label

Column sizing

Input groups

.00

$ .00

Button addons

With dropdowns

Segmented

Checkboxes and radios

Checkboxes are for selecting one or several options in a list, while radios are for selecting one from many.

Default (stacked)

one is this and that—be sure to include why it's great

two is disabled

one is this and that—be sure to include why it's great

two can be something else and selecting it will deselect one

three is disabled

Inline

a b c
1 2 3

Switch

Radio Switch

Medium

Large

Selects and Textarea

Use the default option, or add multiple to show multiple options at once.

Select

Select large

Select small

Multiple

Disabled

Textarea

File input