Native Select

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

Default currency

USD · US Dollar

Import & use

import { Form27 } from "@/components/beste/piece/form27";

<Form27
  label="Default currency"
  value="USD · US Dollar"
  placeholder="Select a currency"
  open={true}
  options={[
    "USD · US Dollar",
    "EUR · Euro",
    "GBP · British Pound",
    "TRY · Turkish Lira"
  ]}
/>

More Form pieces

View all Form

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.

Primary workspace

Mira Studio

acm

Beste StudioDesign · 12 members

BesteworksEngineering · 34 members

Beste LabsResearch · 6 members

Combobox

Searchable single-select with a query bar above a filtered list and a check for the active row.

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.

View mode

Segmented Control

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

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.