Price Alert
Track a price: history sparkline with low/high markers, a target line you drag on the chart (slider handle, also typed), an email toggle, and an alert-set state.
Preview
Gooseneck kettle
1 L · Matte slate$176.00now
$160.00
Aug 11Nov 3
9% below now
Gooseneck kettle
1 L · Matte slate$176.00now
$165.00
Aug 11Nov 3
Alert set at $165.00We’ll email you when it drops to or below this.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| product | { name: string; detail?: string; thumb?: ReactNode } | — | What is being tracked. |
| history | { date: "YYYY-MM-DD"; price: number }[] | — | Oldest first; the last point is the current price. |
| target / defaultTarget | number | 30% of the way from low to now | Alert price; dragged on the chart, typed, or keyed (88% of the low up to now). |
| onTargetChange | (target: number) => void | — | Called as the target moves. |
| notify / defaultNotify | boolean | true | Email toggle. |
| onNotifyChange | (notify: boolean) => void | — | Called on toggle. |
| onSetAlert | ({ target, notify }) => void | — | Called on Set price alert; the card shows the alert-set state. |
| onRemoveAlert | () => void | — | Called on Remove alert. |
| defaultAlertSet | boolean | false | Start in the alert-set state. |
| step | number | 1 | Price step for keys and rounding (PageUp/Down = ×10). |
| currency / locale | string | "USD" / — | Price and date formatting. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.