Checkbox

Interactive element that allows users to make multiple selections from a list

Image of three checkboxes

Example of checkbox

Anatomy

❖ Delish component

Focus ring: visual focus state

Container: box that visually shows if it’s selected or not

Label❖: clear and concise text

Image of checkbox for anatomy

Visual reference for anatomy

Variants

There are 2 variants for the component: with and without a label.

Designer resources

Checkbox | Delish Universal Library

Figma UI Kit for designers