Skip to main content

Checkbox

Checkbox — Prism component.

Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggle
Live demo
Open ↗

When to use

Checkbox — Prism component.

Accessibility

Always render a visible <label> (the label prop wires htmlFor/id for you). Errors set aria-invalid and are announced via aria-describedby. Required fields expose aria-required.

Import

const { Checkbox } = window.PrismDesignSystem_39d121;

Props

PropTypeRequiredDescription
isSelectedbooleanControlled checked state.
defaultSelectedboolean
isIndeterminateboolean
isDisabledboolean
onChange(isSelected: boolean, e: React.ChangeEvent) =&gt; void
childrenReact.ReactNode
classNamestring