Person picker
All copy is placeholder. Real strings come from the i18n layer.
Working — type, arrow, Enter
Try an, then a name that is not there. Focus never leaves the input.
Type a name. Someone new can be added here without leaving the event.
The count of matches is announced on a live region, so a screen-reader user hears the
list change without having to leave the field to find out.
Open, with an active option
- Andrea Sample +31 6 •• •• 12 · 4 events
- Jo Anderson No contact details
- Sam Andrić sam@example.com Already invited
Two people can share a name and near-identical names are routinely different people,
so there is no merge prompt and no automatic dedupe — STORY-015. The note line is
what tells them apart.
No matches, loading, error
- Nobody in the contact book matches “Zeynep”.
- Searching…
- Could not reach the contact book. Retry, or add the guest as a new person.
Creating stays available while the search is broken. The night before an event is
exactly when a lookup failure must not stop you writing a name down.
Narrow, and long content
- Veranstaltungsorteinstellungen Müller-Lüdenscheidt Wirwerdenamdonnerstagerneutversuchen@example.com
Nothing scrolls sideways; the long token wraps inside the option.
Chips
For adding several in one go. Each has its own remove button — a chip you can only delete with Backspace is unreachable by touch.
- A. Visitor
- B. Guest
- Veranstaltungsorteinstellungen Müller-Lüdenscheidt