Forms

Large rounded input

Normal rounded input

Small rounded input

Large pill input

Normal pill input

Small pill input

Large square input

Normal square input

Small square input

Input types

Textarea

File

Choose file...

Checkboxes & Radio buttons

Check this checkbox

Uncheck this checkbox

Disabled checkbox

Toggle this radio

Disabled radio

Check this checkbox

Uncheck this checkbox

Disabled checkbox

Validation states

Input with success

Success! You've done it.

Example help text that remains unchanged.

Input with warning

Shucks, check the formatting of that and try again.

Example help text that remains unchanged.

Input with warning

Sorry, that username's taken. Try another?

Example help text that remains unchanged.

Check this checkbox

Toggle this radio