Contact Section
A contact form with topic select, validation and success, beside contact options and office cards with drawn mini maps and local clocks.
Preview
Contact
Talk to a person
Questions about plans, setup or security. We reply within one working day.
- Email supporthelp@pebble.example
- Chat with usWeekdays, usually under 10 minutes
- Help centreGuides for every feature
Lisbon
14 Rua das Flores
09:41local time· 9–18
Osaka
3-2 Nakanoshima
18:41local time· 9–18
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| topics | { value, label }[] | — | Options for the topic select. |
| onSubmit | (message) => Promise<void | { error }> | — | Send { name, email, topic, message } after validation. |
| options | { id, label, detail, href, icon? }[] | [] | Other ways to reach you (email, chat, help centre). |
| offices | { id, city, address, timeZone, hours?, pin? }[] | [] | Offices with a drawn mini map and a local clock. |
| now | Date | — | Fixed time for the office clocks (previews). Omit for a live clock. |
| eyebrow | ReactNode | — | Small label with an ember dot. |
| title | ReactNode | — | Heading; names the section (otherwise "Contact"). |
| description | ReactNode | — | Line under the heading. |
| maxLength | number | 1000 | Message length limit with a counter. |
| headingLevel | 2 | 3 | 2 | Heading level of the title. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.