ZCheckbox

A square checkbox with a quiet indeterminate (mixed) state, label and secondary hint text, for forms that need an explicit opt-in or a parent "select all" control.

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

"use client";

import ZCheckbox from "@/components/ui/zcheckbox";

export default function ZCheckboxDisabledDemo() {
  return (
    <div className="flex flex-col gap-3">
      <ZCheckbox disabled label="跟随系统代理" hint="由企业策略锁定" />
      <ZCheckbox disabled checked label="上报匿名统计" />
    </div>
  );
}