Growth & Conversion
Coupon Code Reveal
A claim-to-reveal discount code card with one-tap copy and an expiry note, so the offer reads as earned rather than just printed on the page.
$ velocityx add coupon-code-reveal
Built for react.
Needs react already installed
as a peer dependency.
An Astro-only project needs @astrojs/react wired up first — this won't run on its own in plain Astro.
Needs a licence key —
subscribe here, then
velocityx loginonce.
Your discount code
20% off your first order
Expires 31 Oct 2026
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| code | string | Yes | ||
| description | string | No | ||
| expiresAt | string | No | ||
| revealLabel | string | No | 'Reveal my code' | |
| onReveal | () => void | No | ||
| onCopy | () => void | No |
File this creates
The CLI writes this path into your project, relative to its root — nothing else moves.
components/velocity/coupon-code-reveal/CouponCodeReveal.tsxUsing the Coupon Code Reveal component
Install it with velocityx add coupon-code-reveal.
The CLI writes the source straight into your project — no runtime dependency, no registry
lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.
Related components
More from Growth & Conversion.
A persistent top-docked bar that resurfaces a cart left behind on any route, showing item count and total with Resume and Clear actions — a cross-page return nudge, not a cart panel.
reactA bottom-docked banner that nudges mobile visitors to open or install the native app, with iOS/Android-aware copy and store links, and a dismissal that snoozes for two weeks instead of forever.
reactAn inline deadline banner for a sale or launch window that counts down and then degrades gracefully to a plain closing message the instant it ends — never a broken negative-time state. Dismissible and remembered for the session.
reactAn inline day-and-time picker for booking a demo call, showing every slot in the visitor's own detected timezone so nobody has to do the conversion math themselves. Submits the chosen slot to any scheduling backend and ends in a confirmed state.
react