About this piece
Multi Select
Picker that keeps chosen options as removable violet pills next to a chevron to open the list.
Usage
The import and the props worth knowing about, in one place.
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 FormStart 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.
Violet · #6D5EFA
Color Swatches
Row of round color swatches where the selected one picks up an outer contrast ring.
Assign to
Filter people…
Assignee Picker
Popover with a header label, filter bar, and a selectable person list that checks chosen rows.
USD · US Dollar
Native Select
Open-state select showing the focused control and the flyout list with one option muted as chosen.