Assignee Picker
Assign to
Filter people…
Popover with a header label, filter bar, and a selectable person list that checks chosen rows.
The import and the props worth knowing about, in one place.
import { Form20 } from "@/components/beste/piece/form20";
<Form20
label="Assign to"
query=""
people={[
{
"name": "Nils Frahm",
"initials": "NF",
"imageSrc": "https://oud.pics/sm/l/gmail.jpeg",
"alt": "Nils Frahm",
"selected": true
},
{
"name": "Hania Rani",
"initials": "HR",
"imageSrc": "https://oud.pics/sm/l/stripe.jpeg",
"alt": "Hania Rani",
"selected": true
},
{
"name": "Ólafur Arnalds",
"initials": "ÓA",
"imageSrc": "https://oud.pics/sm/l/notion.png",
"alt": "Ólafur Arnalds"
}
]}
bordered={false}
/>