Integrations Section
Invented app integrations around a hub with our mark, category chips, connect toggles and a request-an-integration card.
Preview
Integrations
Plays well with the tools you already use
Connect chat, calendars, storage and your code host in a couple of clicks.
- Pebble ChatPost plans and reviews to channels
- Pebble CalendarBlock focus time for planned work
- Pebble FilesAttach files from shared drives
- Pebble CodeLink branches and reviews to tasks
- Pebble AnalyticsSend cycle data to dashboards
- Pebble AlertsPage the owner when work slips
- Pebble NotesTurn meeting notes into tasks
- Pebble ReleasesMark tasks done when releases ship
Missing an app?
Tell us what you use. We build the most-requested ones first.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| integrations | { id, name, category, description?, glyph?, tint?, connected? }[] | — | Invented apps; glyph and tint (chart colour 1–5) draw the tile icon. |
| eyebrow | ReactNode | — | Small label with an ember dot. |
| title | ReactNode | — | Heading; names the section (otherwise "Integrations"). |
| description | ReactNode | — | Line under the heading. |
| hubMark | ReactNode | — | Your mark in the lit-key tile at the centre of the hub. |
| orbitCount | number | 8 | How many integrations orbit the hub. |
| onToggle | (id, connected) => void | — | Called by Connect / Connected. |
| onRequest | (name) => Promise<void> | void | — | Shows a request-an-integration card with validation. |
| headingLevel | 2 | 3 | 2 | Heading level of the title. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.