Compliance Score

Compliance rating card with an emerald ring, a summary, and a dot-prefixed checklist of audit items.

Compliance score86 / 100

GDPR & SOC 2 ready. 2 items need review.

Data processing agreementPass

Vendor subprocessor listPass

Breach notification SLAReview

Retention policyReview

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Legal16 } from "@/components/beste/piece/legal16";

<Legal16
  score={86}
  label="Compliance score"
  summary="GDPR & SOC 2 ready. 2 items need review."
  items={[
    {
      "name": "Data processing agreement",
      "status": "pass"
    },
    {
      "name": "Vendor subprocessor list",
      "status": "pass"
    },
    {
      "name": "Breach notification SLA",
      "status": "warn"
    },
    {
      "name": "Retention policy",
      "status": "warn"
    }
  ]}
/>