Checkbox

The Checkbox component is a UI element that allows users to select one or more options from a set. It consists of a small square box and a label. When selected, a checkmark appears inside the box.
Checkboxes are commonly used in forms, settings, and surveys to enable users to make binary choices.

Figma

Up to date

Status

Stable

HTML

Up to date

React

Up to date

Twig

Up to date

Design Usage

The Checkbox field enables users to pick multiple options from a group

When only one of the multiple options can be selected, use the Radio component

Use the component for changes that require confirmation after selection

If the Component needs a longer explanation, use a helper text message below the field