Checkbox Group

PreviousNext

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

Docs
roiuiitem

Preview

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

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

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

export { CheckboxGroupRoot as CheckboxGroup };

Installation

npx shadcn@latest add @roiui/checkbox-group

Usage

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