Checkbox

Usage

import { Checkbox } from '@acronis-platform/ui-react';

Checkbox wraps Base UI's Checkbox primitive — keyboard interaction, focus management, and ARIA come from Base UI. It supports checked, unchecked, and indeterminate states, themed by the --ui-checkbox-* tokens.

Examples

A bare checkbox (name it with aria-label):

<Checkbox aria-label="Accept terms" />

With a label and optional description — the whole row becomes clickable:

<Checkbox label="Email notifications" />

<Checkbox
  label="Email notifications"
  description="Send a summary every morning."
/>

Controlled and indeterminate states:

<Checkbox label="Selected" checked />
<Checkbox label="Mixed" indeterminate />
<Checkbox label="Disabled" disabled />

API Reference