Saaj UI

Checkbox

A control that allows the user to toggle between checked and not checked.

Installation

npx saaj add checkbox

Usage

import { Checkbox, CheckboxIndicator } from '@/components/ui/checkbox';
import { Text } from '@/components/ui/text';
 
export function CheckboxDemo() {
  return (
    <Checkbox>
      <Checkbox.Indicator />
      <Text variant="labelMd">I accept the terms and conditions</Text>
    </Checkbox>
  );
}

On this page