Composed
Recipient field and chips, plus the mail-merge token.
TO
DWDana WhitfieldMLMarcus LeePRDNTL
Hi first name, your vendor renewal closes on notice date.
The amber token is unmapped — something to fix before sending, not something that has already gone wrong.
Installation
npx shadcn@latest add https://ui.whoisroktim.lol/r/mail.jsonOverflow collapses, it does not wrap
Past max, recipients become an avatar stack rather than a second row of chips.
A TO field that grows to four lines pushes the message body off the screen —
which is the moment people stop trusting the composer.
Missing merge fields are amber, not red
An unmapped token is something to fix before sending, not something that has already gone wrong. Red would say the opposite, and would sit alongside genuine errors that do need immediate attention.
| Prop | Type | Default | Description |
|---|---|---|---|
| recipients | { initials, name }[] | — | RecipientField. |
| max | number | 2 | Chips shown before the rest collapse to a stack. |
| missing | boolean | false | MergeField. Turns it warning. |