Form Toggles

Components

Use components to build interfaces. You can use symbols to quickly access all components available in the library. Search the component's name in the add panel (Shift + A) or quick search (Ctrl + E) and press enter to add it. Once you add a symbol to your page you need to unlink it so you can make changes to it independently. Right-click on the symbol’s label and choose unlink from symbol. Learn more about symbols

Checkbox
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.
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

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.

Video tutorials

Coming soon...

arrow_upward