preskok/ui

Checkbox

Accessible checkbox and checkbox group components with field integration.

Checkbox

import { Checkbox } from "@/registry/preskok/ui/preskok-ui/checkbox"
 
export function SingleCheckboxExample() {
  return <Checkbox>Accept terms and conditions</Checkbox>
}

Checkbox Group

Installation

pnpm dlx @preskok-org/ui@latest add checkbox

Usage

import {
  Checkbox,
  CheckboxGroup,
} from "@/registry/preskok/ui/preskok-ui/checkbox"
 
export function CheckboxGroupExample() {
  return (
    <CheckboxGroup label="Select interests">
      <Checkbox value="dev">Development</Checkbox>
      <Checkbox value="design">Design</Checkbox>
      <Checkbox value="pm">Product Management</Checkbox>
    </CheckboxGroup>
  )
}