⋅
Getting started
For designers
For developers
GitHub repos & resources
Support
Foundation
Orbit principles
Accessibility
Border radiuses
Colors
Design tokens
Introduction
Installation
Global design tokens
Component design tokens
Elevation
Icons
Illustrations
Spacing
Typography
Tailwind
Components
Accordion
AirportIllustration
Alert
Badge
BadgeList
BadgePrimitive
Box
Breadcrumbs
Button
ButtonGroup
ButtonLink
ButtonMobileStore
ButtonPrimitive
CallOutBanner
Card
CarrierLogo
Checkbox
ChoiceGroup
Collapse
CountryFlag
Coupon
Desktop
Dialog
Drawer
EmptyState
FeatureIcon
Grid
Heading
Hide
HorizontalScroll
Icon
Illustration
IllustrationPrimitive
Inline
InputField
InputFile
InputGroup
InputSelect
Itinerary
KeyValue
Layout
LinkList
List
ListChoice
Loading
Mobile
Modal
NavigationBar
NotificationBadge
OrbitProvider
Pagination
Popover
Portal
Radio
Seat
SegmentedSwitch
Select
Separator
ServiceLogo
Skeleton
SkipLink
SkipNavigation
Slider
SocialButton
Stack
Stepper
StopoverArrow
Switch
Table
Tabs
Tag
Text
TextLink
Textarea
Tile
TileGroup
Timeline
Toast
Tooltip
Truncate
Wizard
Design patterns
Progressive disclosure
Choosing components for actions
Designing forms
Forms and errors
Development
Guides
Developing layouts
Using component types
Why we don't export styled components
ESLint plugin
Utilities
Media queries
Right-to-left languages
Slide animation
Hooks
useClickOutside
useFocusTrap
useIntersect
useLockScrolling
useMediaQuery
useRandomId
useTransition
Migration guides
v7
v9
v10
For Kiwi.com use
Brand
Brand guidelines
Content
Voice & tone
Grammar & mechanics
Glossary
Social media
Technical content
Guides
Biz Dev assets
Preparing carrier logos
Figma
Getting started
For designers
For developers
GitHub repos & resources
Support
Foundation
Orbit principles
Accessibility
Border radiuses
Colors
Design tokens
Introduction
Installation
Global design tokens
Component design tokens
Elevation
Icons
Illustrations
Spacing
Typography
Tailwind
Components
Accordion
AirportIllustration
Alert
Badge
BadgeList
BadgePrimitive
Box
Breadcrumbs
Button
ButtonGroup
ButtonLink
ButtonMobileStore
ButtonPrimitive
CallOutBanner
Card
CarrierLogo
Checkbox
ChoiceGroup
Collapse
CountryFlag
Coupon
Desktop
Dialog
Drawer
EmptyState
FeatureIcon
Grid
Heading
Hide
HorizontalScroll
Icon
Illustration
IllustrationPrimitive
Inline
InputField
InputFile
InputGroup
InputSelect
Itinerary
KeyValue
Layout
LinkList
List
ListChoice
Loading
Mobile
Modal
NavigationBar
NotificationBadge
OrbitProvider
Pagination
Popover
Portal
Radio
Seat
SegmentedSwitch
Select
Separator
ServiceLogo
Skeleton
SkipLink
SkipNavigation
Slider
SocialButton
Stack
Stepper
StopoverArrow
Switch
Table
Tabs
Tag
Text
TextLink
Textarea
Tile
TileGroup
Timeline
Toast
Tooltip
Truncate
Wizard
Design patterns
Progressive disclosure
Choosing components for actions
Designing forms
Forms and errors
Development
Guides
Developing layouts
Using component types
Why we don't export styled components
ESLint plugin
Utilities
Media queries
Right-to-left languages
Slide animation
Hooks
useClickOutside
useFocusTrap
useIntersect
useLockScrolling
useMediaQuery
useRandomId
useTransition
Migration guides
v7
v9
v10
For Kiwi.com use
Brand
Brand guidelines
Content
Voice & tone
Grammar & mechanics
Glossary
Social media
Technical content
Guides
Biz Dev assets
Preparing carrier logos
Figma
Orbit.kiwi
/
Components
/
Visuals
/
Coupon
Coupon
Highlights promo codes.
Guidelines
React
GitHub
GitHub
Code editor
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
Released
N/A
Content structure