Checkbox

An accessible checkbox input with a label, optional hint/error text, and an indeterminate "select all" state for parent/child selections in forms.

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

import Checkbox from "@/components/ui/checkbox";

export default function CheckboxDisabledCheckedDemo() {
  return (
    <Checkbox disabled checked>
      Cataloged by the librarian
    </Checkbox>
  );
}