Using this Component
Checkboxes should be used when a user can select multiple elements of a list.
All checkboxes should have an adjacent label. A label may be omitted only when the selection is contextually apparent, such as selecting a row within UIPlatformTable.
1. Selection Indicator
A checkmark icon indicates the selection state.
Checkboxes have a rounded square container around the selection indicator.
Checkboxes are directly interactive elements. Depending on the context they may be disabled to prevent interactivity.
The default state for all checkboxes is unchecked, unless due to a specific feature, or saved state.
Clicking anywhere on the checkbox, as well as anywhere on its label (when possible) should toggle the checkbox.
Component code details are not currently available on this site, but we're working on it!
Checkout this UIKit component's code and comments in the codebase for usage examples, props, and more.