Search
Search components and blocks
People Picker
ProA Request review pill that morphs into a Pick reviewers panel: one surface grows from the button into the card and folds back. Picking someone sends a copy of their avatar flying from the list up into the header pill while their profile stays in its row; the header shows the first three and folds the rest into a +N chip, and un-picking sends the copy back, while a count badge on Send request rolls to each new number. Confirming shows Request sent and the panel folds back into the pill. Every label is a prop, so the same picker can assign, share or invite. Escape or the X closes it.
Props
people{ id: string; name: string; role: string }[]five sample peopletriggerLabelstring"Request review"panelTitlestring"Pick reviewers"confirmLabelstring"Send request"doneLabelstring"Request sent"onConfirm(ids: string[]) => void—valuestring[]—defaultValuestring[][]onValueChange(ids: string[]) => void—openboolean—defaultOpenbooleanfalseonOpenChange(open: boolean) => void—classNamestring—When to use the people picker
Use it to choose reviewers or assignees. A Request review pill morphs into a Pick reviewers panel.
Open the CLI tab on any preview above for the exact shadcn command. The source is copied into your project, so you can edit it like any other file.