Halstack
Design system
v6.0.0
OverviewIntroduction
ComponentsAccordionAlertApplication layoutBleedBoxBulleted ListButtonCardCheckboxChipDate InputDialogDropdownFile InputFlexFooterHeaderHeadingInsetLinkNav TabsNumber InputPaginatorParagraphPassword InputProgress BarQuick NavRadio GroupResultset TableSelectSidenavSliderSpinnerSwitchTableTabsTagText InputTextareaToggle GroupTypographyWizard
Checkbox
Ready
Checkboxes are inputs that offer to the user the possibility to select one or more options from a range of attributes.
Use the checkbox when:
- Multiple choices offered.
- Binary response are requested (yes/no).
- Accepting conditions and additional features.
Checkbox may be either vertically or horizontally stacked.
| Type | Usage |
|---|---|
| Vertical | Related checkboxes that belong to the same category. The horizontal spacing between horizontally stacked checkboxes should be 8px. |
| Horizontal | Checkboxes are independent of a category*. The vertical spacing between stacked checkboxes should be 32px. Don't stack more than 3 options |