Radio Group

Radio-card list where the selected row picks up a primary ring and a tinted background.

Delivery speed

Standard3–5 business days · Free

ExpressNext business day · $8

Same-dayOrder by noon · $14

Import & use

import { Form23 } from "@/components/beste/piece/form23";

<Form23
  legend="Delivery speed"
  options={[
    {
      "label": "Standard",
      "description": "3–5 business days · Free"
    },
    {
      "label": "Express",
      "description": "Next business day · $8"
    },
    {
      "label": "Same-day",
      "description": "Order by noon · $14"
    }
  ]}
  selectedIndex={1}
/>

More Form pieces

View all Form

Accent colorViolet · #6D5EFA

Color Swatches

Row of round color swatches where the selected one picks up an outer contrast ring.

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.

Project labels

DesignPolishGood first issueAdd label

Multi Select

Picker that keeps chosen options as removable violet pills next to a chevron to open the list.

Notifications

New bookings

Payment received

Weekly summary

Preferences Toggles

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

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.

View mode

Segmented Control

Pill-grouped segmented control with inset muted track and a raised card under the active choice.