Checkbox Item

Checkbox Item combines a checkbox with a text item.

Behaviours & States

Behaviour

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.

Sizing

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.

Illustration

CHECKBOX_ITEM.png

Navigation