App Showcase Section
A mobile app showcase with three drawn phones, the selected one raised, feature callouts with leader lines, a screen switcher and generic get-the-app actions with a QR code.
Preview
Mobile app
Your notebook, in your pocket
Record interviews, read notes on the train and share a study before you're back at your desk.
Scan to install
Interview · Ana
Notes live in three places and we lose quotes.
Theo · How many places?
- Highlight to quote
- Comments sync · Reply from anywhere
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| screens | AppScreen[] | — | Screens { id, label, alt, screen, callouts? }; callouts { label, text?, side, y }. |
| appHref | string | — | Link for Get the app and the QR code. |
| onSendLink | () => void | — | Shows Text me a link. |
| defaultScreen | string | first | Screen raised at first. |
| title | ReactNode | "Your notebook, in your pocket" | Section heading. |
| description | ReactNode | — | Line under the heading. |
| eyebrow | ReactNode | "Mobile app" | Label above the heading. |
| headingLevel | 2 | 3 | 2 | Heading level of the title. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.