Legal consent card with a custom checkbox, inline underlined policy links, and a red asterisk when required.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Form33 } from "@/components/beste/piece/form33";
<Form33
lead="I agree to the"
links={[
{
"label": "Terms of service"
},
{
"label": "Privacy policy"
}
]}
connector=" and "
tail="."
agreed={true}
required={true}
/>Labeled input flanked by a red asterisk and a Required pill, plus an explanatory hint below.
Standard text field with a label on top and a muted helper line under the control.
Get early access
No spam, just one launch note.
A compact signup card with a title, an email field, an accent submit button, and a small reassurance note.
Notifications
A compact settings card listing labeled rows, each with an accent on/off toggle switch.
Pill-grouped segmented control with inset muted track and a raised card under the active choice.
Two inputs arranged side by side on a responsive grid for first/last names and paired fields.