⋅
Getting started
Foundation
Components
AccordionAirportIllustrationAlertBadgeBadgeListBadgePrimitiveBoxBreadcrumbsButtonButtonGroupButtonLinkButtonMobileStoreButtonPrimitiveCallOutBannerCardCarrierLogoCheckboxChoiceGroupCollapseCountryFlagCouponDesktopDialogDrawerEmptyStateFeatureIconGridHeadingHideHorizontalScrollIconIllustrationIllustrationPrimitiveInlineInputFieldInputFileInputGroupItineraryKeyValueLayoutLinkListListListChoiceLoadingMobileModalNavigationBarNotificationBadgePaginationPictureCardPopoverPortalPricingTableRadioRatingStarsSeatSelectSeparatorServiceLogoSkeletonSkipLinkSkipNavigationSliderSocialButtonStackStepperStickyStopoverArrowSwitchTableTabsTagTextTextLinkTextareaTileTileGroupTimelineToastTooltipTruncateWizard
Design patterns
Development
For Kiwi.com use
Getting started
Foundation
Components
AccordionAirportIllustrationAlertBadgeBadgeListBadgePrimitiveBoxBreadcrumbsButtonButtonGroupButtonLinkButtonMobileStoreButtonPrimitiveCallOutBannerCardCarrierLogoCheckboxChoiceGroupCollapseCountryFlagCouponDesktopDialogDrawerEmptyStateFeatureIconGridHeadingHideHorizontalScrollIconIllustrationIllustrationPrimitiveInlineInputFieldInputFileInputGroupItineraryKeyValueLayoutLinkListListListChoiceLoadingMobileModalNavigationBarNotificationBadgePaginationPictureCardPopoverPortalPricingTableRadioRatingStarsSeatSelectSeparatorServiceLogoSkeletonSkipLinkSkipNavigationSliderSocialButtonStackStepperStickyStopoverArrowSwitchTableTabsTagTextTextLinkTextareaTileTileGroupTimelineToastTooltipTruncateWizard
Design patterns
Development
For Kiwi.com use

Coupon

Highlights promo codes.

GuidelinesReact
GitHub
GitHub
Storybook
GitHub
GitHub

When to use

  • To make it clear how to use a promotion.
  • To highlight the text users need to enter.

Component status

Figma

React

iOS

Android

Released
Released
N/A
N/A

Content structure

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

Component status
·
Roadmap
·
Storybook
·
Changelog
Design tokens
v1.4.4
·
React components
v3.3.0
·
Developer mode
Opens components on the React tab by default.
Built & maintained by Kiwi.com
Open sourced with ❤ for travel