About this piece
Checkbox Group
Legend-headed list of notification toggles with filled primary checks and muted helper lines.
Usage
The import and the props worth knowing about, in one place.
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
}
]}
/>More Form pieces
View all FormMira & Co.
Shown on invoices and in the team directory.Labeled Input
Standard text field with a label on top and a muted helper line under the control.
Notifications
New bookings
Payment received
Weekly summary
Preferences Toggles
A compact settings card listing labeled rows, each with an accent on/off toggle switch.
Delivery speed
Standard3–5 business days · Free
ExpressNext business day · $8
Same-dayOrder by noon · $14
Radio Group
Radio-card list where the selected row picks up a primary ring and a tinted background.
