Checkbox
Radios are core interaction and form fields that are specifically used when the user can select “one” of “many” options. When there are multiple options that can be selected at the same time, instead use the “checkbox” component. Radios are best when there are maximum 5 options - otherwise a Select input bar is a much better choice so the UX doesn’t get cluttered.
Installation
Radios are core interaction and form fields that are specifically used when the user can select “one” of “many” options. When there are multiple options that can be selected at the same time, instead use the “checkbox” component. Radios are best when there are maximum 5 options - otherwise a Select input bar is a much better choice so the UX doesn’t get cluttered.
Examples
Default
Default Checkbox.
Labeled Checkbox
Add a label by passing the label prop to the component.
Detailed Checkbox
Add a description by passing the description prop to the component.
Get notified when we are online
Installation
Properties
For more advanced usage, see https://www.radix-ui.com/primitives/docs/components/checkbox (opens in a new tab)
Label for the Checkbox.
Description for the Checkbox.
Classname to style the Checkbox.