Components

Checkbox

A 16px square checkbox for dense record grids.

Available since@crisp-ui-kit/crisp@0.11.0

16px, r4, a real 1px border when empty, a brand fill + white check when on. It's a real <input type="checkbox">, so keyboard, focus, and form semantics come for free.

Installation

npm install @crisp-ui-kit/crisp

Props

Prop

Type

Accessibility

Renders a native checkbox, so it is focusable and toggles with Space out of the box. indeterminate is a DOM-only property (not an attribute), applied via ref — screen readers announce it as "mixed". Always give an unlabelled checkbox an aria-label.

On this page