Checkbox Group

Legend-headed list of notification toggles with filled primary checks and muted helper lines.

Notifications

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

Import & use
import { Form22 } from "@/components/beste/piece/form22";

<Form22
  legend="Notifications"
  items={[
    {
      "label": "Comments on my posts",
      "checked": true,
      "hint": "In-app and email"
    },
    {
      "label": "Weekly digest",
      "checked": true,
      "hint": "Every Monday · 08:00"
    },
    {
      "label": "Product announcements",
      "checked": false
    }
  ]}
/>