Atelier UI

Search components…

Search components…

Checkbox Group

Checkbox group with a tri-state select-all, descriptions and disabled options.

Edit in sandbox

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

CheckboxGroupProps

Also accepts all props of Omit<React.ComponentProps<"fieldset">, "onChange" | "defaultValue">

PropTypeDefaultDescription
options* requiredCheckboxOption[]——
valuestring[]——
defaultValuestring[][]—
onValueChange(value: string[]) => void——
legendstring——
selectAllboolean | stringfalseShow a tri-state "select all" row on top

Install

$ npx shadcn@latest add https://chromotion.dev/r/checkbox-group.json

More like this