Back to components
Commerce component
Price Display
Price display with currency formatting, compare-at strikethrough, discount percentage badge, and configurable size.
Install
What it does
- Formatted price with configurable currency
- Compare-at price with strikethrough
- Discount percentage badge
- Size variants: sm, md, lg
When to use
Use it
Product prices anywhere — cards, detail pages, cart, order summaries.
Skip it
Non-commerce numeric display (use plain Text with formatting).
Files & routes added
- components/commerce/price-display.tsx