Form Controls

The pieces used to create a form should be easy on the user.

Using Form Controls

Make the form for the user, not for us.

Labels give the user additonal control and context for form controls.

Form section headers divide a form into smaller sections.

Checkboxes allow users to select one or more options at the same time.

The Input element specifies a field for the user to enter information on a page.

Radios allow users to select exactly one option from multiple options.

Select allows the user to select an option from a group of similar options.

Switches allow users to enable or disable something, like a light switch.

Textarea allows users to input multiple lines of text into a form.

Toggle Tokens are a styled version of Checkboxes and Radios.