A compact settings card listing labeled rows, each with an accent on/off toggle switch.
Notifications
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Form35 } from "@/components/beste/piece/form35";
<Form35
title="Notifications"
items={[
{
"label": "New bookings",
"enabled": true
},
{
"label": "Payment received",
"enabled": true
},
{
"label": "Weekly summary",
"enabled": false
}
]}
/>Setting row with label, supporting copy, and a sliding switch that turns emerald when on.
Legend-headed list of notification toggles with filled primary checks and muted helper lines.
Two inputs arranged side by side on a responsive grid for first/last names and paired fields.
Masked password input with a caps-lock alert pill and an eye button that flips visibility.
Click-to-edit field that toggles between a plain value with a hover pencil and an input flanked by save and cancel buttons.
Picker that keeps chosen options as removable violet pills next to a chevron to open the list.