Preferences Toggles

A compact settings card listing labeled rows, each with an accent on/off toggle switch.

Notifications

New bookings

Payment received

Weekly summary

Import & use

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
    }
  ]}
/>

More Form pieces

View all Form

Two-factor authenticationRequire a verification code at sign-in.

Toggle Switch

Setting row with label, supporting copy, and a sliding switch that turns emerald when on.

First name

Mira

Last name

Beste

Input Row

Two inputs arranged side by side on a responsive grid for first/last names and paired fields.

Notifications

Comments on my postsIn-app and email

Weekly digestEvery Monday · 08:00

Product announcements

Checkbox Group

Legend-headed list of notification toggles with filled primary checks and muted helper lines.

Current password

•••••••••••••••••••••Caps

Password Toggle

Masked password input with a caps-lock alert pill and an eye button that flips visibility.

Get the launch note

One email when we open the doors. Nothing else.

Inline Subscribe Row

A single-row capture card with a labelled email field, an accent submit button beside it, and fine print underneath.

Primary contact

Start typing to search

Beste SözenDesign lead

Mirko PetrovEngineer

Noor AhmedProduct

Contact Picker

Searchable people picker with a focused search input above a list that tints the selected row.