Multi Select

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

Project labels

DesignPolishGood first issueAdd label

Import & use

import { Form16 } from "@/components/beste/piece/form16";

<Form16
  label="Project labels"
  selected={[
    "Design",
    "Polish",
    "Good first issue"
  ]}
  placeholder="Add label"
/>

More Form pieces

View all Form

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.

Assign to

Filter people…

Beste Sözen

Andrea Kim

Noor Ahmed

Jules Park

Assignee Picker

Popover with a header label, filter bar, and a selectable person list that checks chosen rows.

Accent colorViolet · #6D5EFA

Color Swatches

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

Default currency

USD · US Dollar

Native Select

Open-state select showing the focused control and the flyout list with one option muted as chosen.

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.

Notifications

New bookings

Payment received

Weekly summary

Preferences Toggles

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