Form Toggles

Components

Checkbox
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Checkbox Filter
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Radio
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Radio Filter
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Category Tag Filters
No items found.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Switch
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Select
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Best Practices

Use components to build interfaces. Search the component's name in the Component panel (Shift + A) or use quick search (Ctrl + E). Once you added a Component to your page unlink it to make changes. Right-click on the symbol’s label and choose unlink from symbol. This is the rule. We use overrides only as an exception for simple components that you'd rather want to re-style on the specific page within Style Guide (buttons, toggles etc. - mostly atoms).

Component Description

Checkbox

Checkboxes are most commonly used to give users a way to make a range of selections (zero, one, or multiple). They may also be used as a way to have users indicate they agree to specific terms and services.

Radio

Use radio buttons to present each item in a list of options where users must make a single selection.

Switch

Use radio buttons to present each item in a list of options where users must make a single selection.

Select

Select lets users choose one option from an options menu. Consider select when you have 4 or more options, to avoid cluttering the interface.

arrow_upward