Checkbox

Select multiple options from a list.

Installation

pnpm add @base-ui/react

Examples

Free, accessible React checkbox components built with Base UI for multi-select forms, terms acceptance, and nested option lists with parent-child sync.

Base


Description

Add descriptive text below the checkbox label.

Receive updates about your account activity

Detailed

Include a label and description for better clarity.


Disabled

Prevent user interaction with the checkbox.


Sizes

Select from small, medium, or large variants.


Parent

Manage multiple sub-items simultaneously using a single checkbox.


Nested Parent

Organize complex hierarchical selections.


Readonly

Display a checkbox that cannot be modified but remains visible.


Group Base

Combine multiple checkboxes into a cohesive group.

Permissions