Komponents
Components

Components

CheckboxGroup

Labeled multi-select checkbox set with shared validation messaging.

newfree
pnpm add @komponents/uiCanonical TypeScript source · tree-shakeable subpaths

Wraps React Aria CheckboxGroup around Komponents Checkbox items. Use when several related toggles share one label and error channel.

Notify me about
Choose the digests you want in inbox.

Usage

Snippet
import { Checkbox, CheckboxGroup } from "@komponents/ui";

<CheckboxGroup label="Notify me about" defaultValue={["billing"]}>
  <Checkbox value="billing">Billing</Checkbox>
  <Checkbox value="product">Product updates</Checkbox>
</CheckboxGroup>

States

  • Description helper text
  • Invalid + errorMessage
  • Disabled group or individual checkboxes

Accessibility

  • Group label associates with the set
  • Each checkbox keeps its own accessible name
  • Keyboard and screen reader behavior from React Aria

Checkbox

Binary selection control with motion-aware check feedback.

RadioGroup

Mutually exclusive choice set with animated selection indicator.

On this page

UsageStatesAccessibility