Your bookmarks

Coupon

Also known as code, promotion code

Highlights promo codes.

When you’re running a promotion, you want to make it clear how users can take advantage. Use coupons to highlight the text they need to enter to use the promotion.

Component status

Figma
Released
Web (React)
Released
iOS (Swift)
n/a
Android (Kotlin)
n/a
Sketch
Planned

Example

import Coupon from "@kiwicom/orbit-components/lib/Coupon";
<Text>
  Use 
  <Coupon>
    Baggagefree
  </Coupon>
  when booking to add free baggage.
</Text>

Component structure

Coupon code: displays the code to be entered to redeem the coupon.