Developer mode
Opens components on the React tab by default.
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 users need to enter to use the promotion.

Component status

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

Component structure

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

Example

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