Checkboxes

Checkboxes are used to allow users to select one or multiple options from a list. They play a crucial role in form interactions and are an essential part of the design system.

Below is a table showing the different checkbox states, their design token names, color values, and previews.

Preview	State	Design Token Name	Color Value	Color Preview

Each checkbox state is dynamically linked to the design tokens from the Figma system, ensuring consistency across the UI.