5Sponsor

Checkbox Group

Checkbox group with min/max selection

Terminal
checkbox-group-demo
No opentui live preview is registered for this example yet.

Installation

pnpm dlx shadcn@latest add @termcn/checkbox-group

Usage

import { CheckboxGroup } from "@/components/ui/checkbox-group";
<CheckboxGroup
  label="Select toppings"
  options={[
    { value: "cheese", label: "Extra Cheese" },
    { value: "pepperoni", label: "Pepperoni" },
    { value: "mushrooms", label: "Mushrooms" },
  ]}
  onChange={(values) => {}}
/>

API Reference

CheckboxGroup

PropTypeDefault
labelstringundefined
optionsCheckboxGroupOption[]required
valuestring[]undefined
onChange(values: string[]) => voidundefined
minnumberundefined
maxnumberundefined