Form Elements Reference
Complete reference of all form elements and their states
Input Elements
Text Input States
Default State
Success State
This field is valid
Error State
This field is required
Disabled State
Specialized Inputs
Email Input
Password Input
Number Input
Telephone Input
Select Elements
Single Select
Default State
Error State
Please select an option
Disabled State
Multiple Select
Multiple Selection
Hold Ctrl (Cmd on Mac) to select multiple options
Textarea Elements
Standard Textarea
Default State
Maximum 500 characters
Error State
Message exceeds 500 character limit
Large Textarea
Success State
Description looks great!
Disabled State
Choice Elements
Checkbox Elements
Single Checkbox
Checkbox Group
Disabled Checkbox
Radio Button Elements
Radio Group
Disabled Radio Group
Form Layout Examples
Grid Layout Form
Inline Layout Form