Checkbox Item

Checkbox Item combines a checkbox with a text item.

Behaviours & States


An Item becomes a Checkbox Item with the addition of a selected state denoted by a left aligned or right aligned checkmark.

Checkbox Items can be used in lists and groups. In a list, Checkbox Items can be selected and deselected independently. When grouped, only one Checkbox Item can be selected within the group. When a user selects another option, the first will automatically deselect and the second will be selected.


An Item min size is defined to be 300px and max is contained by the container. If the text within one of these controls is too long for the designated state, the text will truncate with ellipsis and marquee (scroll) in the focus state.