Parent Checkbox Group

A checkbox group with a parent checkbox that selects or deselects all child options and shows an indeterminate state when only some are selected.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Parent Checkbox Group to your project and fits it to your theme.

import ParentCheckboxGroup from "@/components/ui/v-checkbox-group-3";

export default function Default() {
  return (
    <div className="flex min-h-64 items-center justify-center p-8">
      <ParentCheckboxGroup />
    </div>
  );
}