Agreement listhospitality
Terms consent list with a tri-state agree-all checkbox, required and optional items, detail sheets and hidden form inputs.
설치
pnpm
pnpm dlx shadcn@4.23.0 add @uikit/agreement-listDefault
agreement-list-demo.tsx
import { AgreementList } from "@/components/ui/agreement-list";
export default function AgreementListDemo() { return ( <AgreementList name="agreements" items={[ { id: "terms", label: "Terms of service", required: true, details: "Full terms text." }, { id: "privacy", label: "Privacy policy", required: true, href: "https://example.com/privacy" }, { id: "marketing", label: "Marketing messages" }, ]} /> );}