Checkbox

Binary choice controls

InputsStable

Preview

Interactive preview of the Checkbox component with different variants.

Installation

Install the package via npm:

bash
npm install apex-design-system

Import

tsx
import { Checkbox, Label } from 'apex-design-system';

Basic Usage

tsx
<div className="flex items-center gap-2">
  <Checkbox id="terms" />
  <Label htmlFor="terms">Accept terms and conditions</Label>
</div>

Accessibility

This component follows WAI-ARIA best practices and is WCAG 2.1 AA compliant. It includes proper keyboard navigation, focus management, and screen reader support.

View in StorybookView source