DiscountsPage
v1.0.30Updated 4 Sept 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
- 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
No documented props — DiscountsPage is composed rather than configured. See the source for its full signature.