Price tag
Price display with locale currency formatting, superscript cents, struck compare price, period suffix, discount chip and rolling changes.
Preview
Plans
StarterFreeFor one person
Team$24 per moBilled monthly
Business$59 per moBilled monthly
Desk lamp$89, was $119, 25% off
Wool throw (Berlin store)64,90 €, was 79,90 €, save 15,00 €
Pocket notebook (Tokyo)￥1,480
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| amount | number | — | Price in major units; changes roll. |
| currency | string | "USD" | ISO 4217 code. |
| locale | string | "en-US" | Formatting locale. |
| compareAt | number | — | Previous or list price, struck through. |
| period | string | — | Billing period suffix ("mo", "seat"). |
| variant | "plain" | "superscript" | "plain" | Plain digits or small raised symbol and cents. |
| discount | "percent" | "amount" | false | "percent" | How to show the saving. |
| trimZeroCents | boolean | false | Hide .00 for whole amounts. |
| freeLabel | string | "Free" | Text for a zero price. |
| size | "sm" | "md" | "lg" | "md" | Price size. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.