Checkbox Group (Tailwind)

PreviousNext

A set of checkboxes with shared state management for selecting multiple options.

Docs
roiuiitem

Preview

Loading preview…
registry/brook/tailwind/ui/checkbox-group.tsx
"use client";

import { CheckboxGroup } from "@base-ui/react/checkbox-group";
import { cn } from "@/lib/utils";

function CheckboxGroupRoot({ className, ...props }: CheckboxGroup.Props) {
  return <CheckboxGroup className={cn("flex flex-col gap-3", className)} data-slot="checkbox-group-root" {...props} />;
}

export { CheckboxGroupRoot as CheckboxGroup };

Installation

npx shadcn@latest add @roiui/checkbox-group-tailwind

Usage

import { CheckboxGroupTailwind } from "@/components/checkbox-group-tailwind"
<CheckboxGroupTailwind />