DiscountsPage
v2.0.14Updated 20 Oct 2026Composed example promotions-admin page: commerce back office with summary StatCards, All/Codes/Automatic tabs, a discounts DataTable, and a create-discount Sheet form.
Preview
Live · 6 storiesDefaultOpen ↗
▸Why this is recommendedpagecommercediscountspromotions+4
The default, out-of-the-box DiscountsPage.
Recommended for+14
- ✓Reference for e-commerce promotions/coupons admin screens
- ✓Merchant back-office list + side-panel-form patterns
Tags+6
pagecommercediscountspromotionsadminback-officeexampledefault
Features+4
- i18n: a labels prop overrides every built-in string; English defaults, brand-free copy
- Shared Pantry sidebar (Discounts active)
- PageHead with Create discount CTA
- StatCard summary row (active / redemptions / revenue impact)
- Segmented All / Codes / Automatic tabs driving the table
- DataTable with mono code chips, status badges, usage counts and date ranges
- Create-discount Sheet: type RadioGroup, value + minimum inputs, eligibility Select, DateRangePicker, usage-limit Switch
Not recommended for−2
- ✕Direct embedding
- ✕Customer-facing coupon pages
Install
Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.
Usage
Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.
Props
PropTypeRequired
labelsOverride every built-in string and aria-label (i18n). Merged over DEFAULT_DISCOUNTS_PAGE_LABELS (85 English keys); every template in the file accepts it. The rendered DEFAULTS are English — page templates used to hardcode their copy, which no consumer could translate or ship. MCP feedback fb_ba2ec12f.
—