Forms
Form components for user input and data collection.
Input Fields
Input fields should have clear labels and provide helpful placeholder text when appropriate.
Input Sizes
Inputs come in three sizes to match different layouts and contexts.
Select
Selects come in three sizes to match different layouts and contexts.
Combobox
Comboboxes are searchable selects that come in three sizes to match different layouts and contexts.
Input Group
Input groups provide a styled container for inputs with optional addons, icons, and buttons.
Textarea
Textareas come in three sizes to match different layouts and contexts.
Field Group
Vertical orientation (default)
We'll never share your email with anyone else.
Horizontal orientation
With descriptions
This is your public display name. It can be your real name or a pseudonym.
A brief description that appears on your profile.
With errors
- Password must be at least 8 characters
- Password must contain a number
FieldSet with legend
With separator
With checkbox and content
You agree to our terms of service and privacy policy.
Receive emails about new products, features, and more.
Field groups provide a consistent structure for form layouts with labels, descriptions, and error handling.
Checkboxes
Checkboxes come in three sizes to match different layouts and contexts.
Radio Buttons
Radio buttons come in three sizes to match different layouts and contexts.
Disabled State
Disabled form elements indicate that input is not currently allowed.