Default

Date Picker

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

Option two is disabled

---

---

Inline

---

Example label

Another label

---

Form grid

---

Form Layout

Email

Password

Address

Address 2

City

State Choose... ...

Zip

Check me out

Sign in

---

Horizontal form

Email

Password

Radios

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

Option two can be something else and selecting it will deselect option one

Option three is disabled

Checkbox

Check me out

Sign in

---

Horizontal form label sizing

Email

Email

Email

---

Inline forms

Name Username

@

Remember me

Submit

---

Custom form controls and selects are also supported.

Preference Choose... One Two Three Remember my preference Submit

---

Help text

Password Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji.

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

Password Must be 8-20 characters long.

---

Validation

First name

Last name

City

Please provide a valid city.

State

Please provide a valid state.

Zip

Please provide a valid zip.

Submit form

---

Server side

First name

Last name

City

Please provide a valid city.

State

Please provide a valid state.

Zip

Please provide a valid zip.

Submit form