Promo Code

A code to receive a discount at checkout.

A promo code is a code that the user can enter to receive a discount at checkout.

Usage

The preview has been updated.

Best practices

  • If the promo code has a label, it should say "Code:" and not "Promo Code:".
  • Display a promo code with an offer.
  • Make the code easy to remember, and easy to input in the promo drawer and at checkout.
  • Make the promo code live text whenever possible so that users can cut and paste it.

Props

See core props for additional props that can be applied to each of these components. Each component also accepts the React-equivalent native HTML attributes of the element it renders, unless a listed prop replaces one or a note says otherwise.
PromoCode
Renders <div>. No props beyond core props and native HTML attributes.