# Checkbox

> `Checkbox` is part of the Atoms set, imported from `@jcsoftdev/ui/atoms`.

Source: https://ui.jcsoftdev.com/docs/components/checkbox

`Checkbox` is part of the Atoms set, imported from `@jcsoftdev/ui/atoms`.

## Import

```ts
import { Checkbox } from "@jcsoftdev/ui/atoms";
```

Single-component entry points tree-shake to just this component: `@jcsoftdev/ui/atoms/checkbox`.

## Usage

```tsx
<Checkbox aria-label="Cita completada" />
```

## Props

This component declares no props of its own.

It also accepts the native props of the element or primitive it renders (for example `className`, `id`, `aria-*` and event handlers).

## Storybook stories

- [Default](/storybook/?path=/story/atoms-checkbox--default)
- [Checked](/storybook/?path=/story/atoms-checkbox--checked)
- [Disabled](/storybook/?path=/story/atoms-checkbox--disabled)
- [Disabled Checked](/storybook/?path=/story/atoms-checkbox--disabled-checked)
- [Controlled Checklist](/storybook/?path=/story/atoms-checkbox--controlled-checklist)

## Source

`packages/ui/src/atoms/checkbox/checkbox.tsx`