# Checkbox (/forms/checkbox)





## Checkbox [#checkbox]

<ComponentPreview name="checkbox-single-preskok-demo" description="A single checkbox for simple boolean input." />

```tsx
import { Checkbox } from "@/components/ui/preskok-ui/checkbox"

export function SingleCheckboxExample() {
  return <Checkbox>Accept terms and conditions</Checkbox>
}
```

## Checkbox Group [#checkbox-group]

<ComponentPreview name="checkbox-preskok-demo" description="Basic checkbox group with three options." />

## Installation [#installation]

```bash
npx shadcn@latest add @preskok/checkbox
```

## Usage [#usage]

```tsx
import { Checkbox, CheckboxGroup } from "@/components/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>
  )
}
```