Skip to content
search icon
clear
Component Status

Selection controls

Figma

How to add

  1. Locate the Assets tab in the Layers Panel.
  2. There are two ways to locate the Selection control component needed:
    • Use the search bar to search for a component grouping name or variation name.
    • Scroll through the folders list and open the relevant grouping.
  3. Once the component needed is located, click and drag it into the frame/artboard.

API

Switch

PropertyTypeRequiredDefaultDescription
sizeEnum
'default' │ 'small'
falsedefaultSwitch size, use the small version with caution
disabledBoolfalsefalseIf true, the switch will be disabled
classNameStringfalseundefinedAdditional class names
labelStringtrue-Label for the switch. Required to make it a11y compliant

Checkbox

PropertyTypeRequiredDefaultDescription
disabledBoolfalsefalseIf true, the checkbox will be disabled
indeterminateBoolfalsefalseIf true, the checkbox appears indeterminate. Important! You'll have to set the native element to indeterminate yourself.
classNameStringfalseundefinedAdditional class names
labelStringtrue-Label for the checkbox

Radio

PropertyTypeRequiredDefaultDescription
disabledBoolfalsefalseIf true, the radio button will be disabled
classNameStringfalseundefinedAdditional class names
labelStringtrue-Label for the radio
Edit this page on GitHub