Select All Checkbox

A permissions checkbox group with a parent "select all" control that switches to an indeterminate state when only some options are selected.

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

import Pattern from "@/components/ui/v-checkbox-7";

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