Cookie categories a visitor decides on one at a time, the essential row held on and locked while the others switch under a moving choice.
Turn the props on the right; the snippet under them is what you would write to get what you see.
import { Form39 } from "@/components/beste/component/form39";
<Form39
categories={[{"label":"Necessary","enabled":true,"required":true},{"label":"Functional","enabled":true},{"label":"Analytics","enabled":false},{"label":"Marketing","enabled":false}]}
/>The import and the props worth knowing about, in one place.
import { Form39 } from "@/components/beste/piece/form39";
<Form39
surface="card"
bordered={true}
inverted={false}
title="Cookie Preferences"
requiredLabel="Required"
categories={[
{
"label": "Necessary",
"enabled": true,
"required": true
},
{
"label": "Functional",
"enabled": true
},
{
"label": "Analytics",
"enabled": false
},
{
"label": "Marketing",
"enabled": false
}
]}
stepMs={620}
/>Legal consent card with a custom checkbox, inline underlined policy links, and a red asterisk when required.
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.
Standard text field with a label on top and a muted helper line under the control.