Form
Controls that collect input, and how they are laid out and checked.
Button
Buttons in their variants, sizes and groups.
Button group
Buttons joined into one control.
Input group
An input joined to a button or a label.
Text input
Single-line text fields.
Search field
A search box and its button.
Select
A list of options to pick from.
Checkbox and radio
Checkboxes and radio buttons, alone and in groups.
Switch
An on-off toggle.
Toggle button
A button that stays pressed.
Segmented control
A row of joined options where one is chosen.
Range slider
A slider for picking a value in a range.
Color picker
A field for picking a colour.
Date and time
Fields for dates and times.
Number field
A field for numbers with step buttons.
File upload
A field for choosing files.
One-time code
A field for a short verification code.
Textarea
Multi-line text that grows with its content.
Password
A password field with a show button.
Help text
Hints and instructions beside a field.
Validation
Showing which fields need fixing, and why.
Floating label
A label that sits inside the field and moves up when you type.
Output
A result calculated from other fields.
Combobox
A text field with a filtered list of suggestions.
Knob
A rotary control turned by drag or arrow keys.