Quote Card
Big quote cards with a drawn quote glyph, a marked highlight phrase, attribution and a share action, in plain, flat-tinted and ink variants.
Preview
We shipped the redesign in three weeks, and the support queue got quieter the same day.
The first tool our finance team asked to keep.
Setup took ten minutes, not ten days.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| quote / highlight | string | — | The quote and a phrase in it to mark with an ember underlay. |
| author / role / initials | string | — | Attribution row. |
| variant / size | "plain" | "tinted" | "ink" / "md" | "lg" | "plain" / "md" | Raised card, flat ember tint (no gradient) or the dark key; text size. |
| share / onShare | boolean / (text: string) => void | true / copy | Share button; copies the quote with attribution unless onShare is given. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.