Notifications
A compact settings card listing labeled rows, each with an accent on/off toggle switch.
The import and the props worth knowing about, in one place.
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.
Click-to-edit field that toggles between a plain value with a hover pencil and an input flanked by save and cancel buttons.