Checkbox

A checkbox is an interactive element that allows users to select or deselect options from a list of choices.

Overview

Checkboxes provide a binary selection mechanism where users can either check the box to indicate they want a particular option or leave it unchecked to indicate they do not want that option.

They are commonly used in forms, settings panels, and various other interfaces where users need to make multiple selections or provide input from a predefined set of options.

A group of checkboxes vertically stacked together.

Resources

Figma Component	Available
Figma Documentation	Available
Web Components	Planned
Vue [Fozzie]	Available
React [Snacks]	Available
iOS JustUI [UI Kit]	Available
iOS PIE [SwiftUI]	Available
Android [XML views]	Available
Android [Jetpack compose]	Available