Terms of service card listing consent checkboxes with checked ones tinted emerald and a signed footer.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Legal11 } from "@/components/beste/piece/legal11";
<Legal11
title="Terms of service"
version="v4.2 · Apr 2026"
clauses={[
{
"label": "I agree to the updated terms",
"accepted": true
},
{
"label": "I consent to data processing",
"accepted": true
},
{
"label": "I want product announcements"
}
]}
agreementStatus="Signed on Apr 23, 2026"
/>Compliance rating card with an emerald ring, a summary, and a dot-prefixed checklist of audit items.
Consent panel listing data-use categories, each with a short description and an emerald toggle switch.
Class-action settlement tile with a matter header, emerald amount band, and fee-share plus approval status.
Effective June 1, any export of biometric data outside the EU must undergo a transfer impact assessment.
Effective Jun 1, 2026Regulatory-change card tinted by severity info, warning, or critical, with an effective-date footer.
Completed signature panel with an italic cursive autograph, emerald Signed pill, and a printed footer.
Contract overview card listing the title, reference code, parties, effective date, and a status pill.