Privacy Preferences

Consent panel listing data-use categories, each with a short description and an emerald toggle switch.

Privacy preferences

Essential cookiesAlways on. Needed for login and billing.

AnalyticsAnonymous product usage metrics.

Personalized adsThird-party partners may see your activity.

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

Import & use

import { Legal12 } from "@/components/beste/piece/legal12";

<Legal12
  title="Privacy preferences"
  toggles={[
    {
      "label": "Essential cookies",
      "description": "Always on. Needed for login and billing.",
      "on": true
    },
    {
      "label": "Analytics",
      "description": "Anonymous product usage metrics.",
      "on": true
    },
    {
      "label": "Personalized ads",
      "description": "Third-party partners may see your activity.",
      "on": false
    }
  ]}
/>