AssigneePicker

Measured live on app.attio.com's Tasks page ("Edit task" → "Assigned to ▾" → its own sub-popover, Popover-sized at the same measured 350px): a "Find a user..." search, the current assignee as a removable pill, then a plain option list, or "No users" when nothing matches. Attio's task assignment is single-user (one pill, replaced by picking another), unlike a multi-value field. TaskEditPopover composes this behind its own "Assigned to" chip.

Installation

npm install @crisp-ui-kit/crisp

Props

Notes

• users is the candidate list with the current assignee already filtered out — the component does that itself, so a consumer hands in every user unconditionally.
• Avatar fallback: a user with no avatar URL falls back to a per-name hashed-colour initials tile, the same 5-tone hash PersonChip uses (transcribed rather than shared — both derive independently from DataTable's own tone set).
• query/onQueryChange are optional — omit both to let the picker manage its own search state uncontrolled.