Component
ChipPicker
Categorized, multi-select chip grid. Replaces the alphabetical Topics list called out in the audit.
9:41
Onboarding · 6 of 7
Pick what you're into
4 selected
Music
Sports
Academics
Hobbies
Identity & values
Pick at least 3. We use these to suggest people you'll vibe with.
Replaces the alphabetical Topics list
The audit calls the legacy topics screen “the single most under-designed screen in the app”. It's an alphabetical list of 100+ items with no categories or visuals. This component restores the energy of that moment.
Categories are passed in as data, so the same component powers the onboarding Topics screen, profile-edit topics, roommate quiz preferences, and any future identity tagging surface.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| categories | ChipPickerCategory[] | — | Grouped options. Each category has a title and array of { value, label, emoji? }. |
| value | string[] | — | Currently-selected values (controlled). |
| onChange | (next: string[]) => void | — | Fires on every toggle. |
| max | number | — | Optional selection cap. Additional taps are no-ops. |