Status
The status of the component
Status
The status of the component
Figma component
A link to the Figma library where the component lives.
Repository
A link to the repo where the component lives.
Usage Guidelines
Checkbox Group Form Fied
Checkbox Nested Group Form Fied
Radio buttons let you choose only one option from a list of choices, ensuring exclusivity, while checkboxes allow multiple selections. If your situation requires only one choice from a group, opt for radio buttons instead of checkboxes.
Checkboxes should be used when a selection needs to be made. The selection can be singular or multiple. A toggle is used when activation is involvedβthe activation should also be instantaneous. A checkbox should be used if the selection needs to be saved in an additional step.
Nested checkboxes are preferable to toggles when users must select multiple related options from a list. They effectively group similar items visually and occupy less space compared to toggles.
This will help reduce the userβs cognitive load and anxiety. If you have more than six items, opt for a multi-select dropdown.