saturation/uiReferral
Referral source selector with icon tag buttons, multi-select support, and optional text input.
How did you hear about us?
Select all that apply
Features
- Tag buttons — Pill-style toggle buttons with optional icons
- Multi-select — Select multiple referral sources
- Other input — Free-text input appears when Other is selected
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | "How did you hear about us?" | Heading text |
| sources | ReferralSource[] | - | Array of { label, icon? } options |
| multiSelect | boolean | true | Allow multiple selections |
| showOtherInput | boolean | true | Show text input when Other is selected |
| onSubmit | (selected, otherText?) => void | - | Callback with selections |
| onSkip | () => void | - | Callback for skip button |
Components Used
buttoninput