Coupon Card

Commerce · CouponCard

Discount codes with their usage and what they earned.

Props: code, kind ("percent" | "fixed"), value (percent or amount), currency, used, limit, until, min (minimum order), revenue, text, status + statusLabel, onCopy, menu.

PreviewCode

20%off

All Instagram packages

312 of 500 used

Valid until 30 Apr · from €10 · €8,420 revenue

€5off

First order

1,204 used

€21,890 revenue

30%off

Used up

1,000 of 1,000 used

Valid until 29 Nov

Props

CouponCard

Prop	Type	Notes
`code`	`string`	Required
`kind?`	`"percent" \| "fixed"`
`value`	`number`	Required
`currency?`	`string`
`used?`	`number`
`limit?`	`number`
`until?`	`string`
`min?`	`number`
`revenue?`	`number`
`text?`	`ReactNode`
`status?`	`Status`
`statusLabel?`	`string`
`onCopy?`	`() => void`
`menu?`	`MenuProps["items"]`
`className?`	`string`	Extra class on the root element.
`style?`	`CSSProperties`	Inline style on the root element.