Components

Form Controls

Email address

Example select 1 2 3 4 5

Example multiple select 1 2 3 4 5

Example textarea

Example file input

---

Sizes

Large select Default select Small select

---

Read-Only

Email

---

Range

Example Range input

---

Checkboxes

Default checkbox

Disabled checkbox

Default radio

Second default radio

Disabled radio

1

2

3 (disabled)

---

Form Grid

---

Form Row

---

Horizontal Form

Email

Password

Radios

First radio

Second radio

Third disabled radio

Checkbox

Example checkbox

Email

Email

Email

---

Inline Form

Name Username

@

Remember me

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.

Password Must be 8-20 characters long.

---

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

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

Open this select menu One Two Three

Example invalid custom select feedback

Choose file...

Example invalid custom file feedback

---

Custom Elements

Check this custom checkbox

Toggle this custom radio

Or toggle this other custom radio

Toggle this custom radio

Or toggle this other custom radio

Check this custom checkbox

Toggle this custom radio

Toggle this switch element

Disabled switch element

Open this select menu One Two Three Open this select menu One Two Three Open this select menu One Two Three Open this select menu One Two Three Example range

Choose file