Skip to main content
⚠️ AppKit is in an early development phase and is subject to change without notice. DO NOT use in production environments.

# Checkbox

Checkbox input for selecting multiple options

## Example​

    "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 input for selecting multiple options

Source: `packages/appkit-ui/src/react/ui/checkbox.tsx`

### Props​

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

### Usage​

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

    <Checkbox /* props */ />