inputs

Checkbox

Accessible checkbox built on Radix UI with optional label and error state.

Import

import { Checkbox } from '@stella-ds/react'

Props

PropTypeDefaultDescription
size'sm' | 'md' | 'lg''md'Size preset
labelReactNodeundefinedLabel rendered beside the checkbox
errorbooleanfalseError state styling

Preview

Examples

With label

<Checkbox label="Accept terms and conditions" defaultChecked />
<Checkbox label="Required field" error />
Card
All Components
Dialog