# Checkbox

Checkbox input for selecting multiple options

## Example[​](#example "Direct link to Example")

<!-- -->

```tsx
"use client"

import { Checkbox } from "@databricks/appkit-ui/react"

export default function CheckboxExample() {
  return (
    <div className="flex items-center space-x-2">
      <Checkbox id="terms" />
      <label
        htmlFor="terms"
        className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
      >
        Accept terms and conditions
      </label>
    </div>
  )
}

```

## Checkbox[​](#checkbox-1 "Direct link to Checkbox")

Checkbox input for selecting multiple options

**Source:** [`packages/appkit-ui/src/react/ui/checkbox.tsx`](https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/checkbox.tsx)

### Props[​](#props "Direct link to Props")

| Prop              | Type                                | Required | Default | Description |
| ----------------- | ----------------------------------- | -------- | ------- | ----------- |
| `checked`         | `CheckedState`                      |          | -       | -           |
| `defaultChecked`  | `CheckedState`                      |          | -       | -           |
| `required`        | `boolean`                           |          | -       | -           |
| `onCheckedChange` | `((checked: CheckedState) => void)` |          | -       | -           |
| `asChild`         | `boolean`                           |          | -       | -           |

### Usage[​](#usage "Direct link to Usage")

```tsx
import { Checkbox } from '@databricks/appkit-ui';

<Checkbox /* props */ />

```
