⋅
Getting started
For designersFor developersGitHub repos & resourcesSupport
Foundation
Orbit principlesAccessibilityBorder radiusesColors
Design tokens
IntroductionInstallationGlobal design tokensComponent design tokens
ElevationIconsIllustrationsSpacingTypographyTailwind
Components
AccordionAirportIllustrationAlertBadgeBadgeListBadgePrimitiveBoxBreadcrumbsButtonButtonGroupButtonLinkButtonMobileStoreButtonPrimitiveCallOutBannerCardCarrierLogoCheckboxChoiceGroupCollapseCountryFlagCouponDialogDrawerEmptyStateFeatureIconGridHeadingHideHorizontalScrollIconIllustrationIllustrationPrimitiveInlineInputFieldInputFileInputGroupInputSelectItineraryLayoutLinkListListListChoiceLoadingModalNavigationBarNotificationBadgeOrbitProviderPaginationPopoverPortalRadioSeatSegmentedSwitchSelectSeparatorServiceLogoSkeletonSkipLinkSkipNavigationSliderSocialButtonStackStepperStopoverArrowSwitchTableTabsTagTextTextLinkTextareaTileTileGroupTimelineToastTooltipTruncateWizard
Design patterns
Progressive disclosureChoosing components for actionsDesigning formsForms and errors
Development
Guides
Developing layoutsUsing component types
Utilities
Media queriesRight-to-left languagesSlide animation
Hooks
useClickOutsideuseFocusTrapuseIntersectuseLockScrollinguseMediaQueryuseRandomId
Migration guides
v24v23v22v21v20v19v18v17v16v15v14v12v11v10v9v7
For Kiwi.com use
Brand
Brand guidelines
Content
Voice & toneGrammar & mechanicsGlossarySocial mediaTechnical content
Guides
Biz Dev assetsPreparing carrier logosFigma
Getting started
For designersFor developersGitHub repos & resourcesSupport
Foundation
Orbit principlesAccessibilityBorder radiusesColors
Design tokens
IntroductionInstallationGlobal design tokensComponent design tokens
ElevationIconsIllustrationsSpacingTypographyTailwind
Components
AccordionAirportIllustrationAlertBadgeBadgeListBadgePrimitiveBoxBreadcrumbsButtonButtonGroupButtonLinkButtonMobileStoreButtonPrimitiveCallOutBannerCardCarrierLogoCheckboxChoiceGroupCollapseCountryFlagCouponDialogDrawerEmptyStateFeatureIconGridHeadingHideHorizontalScrollIconIllustrationIllustrationPrimitiveInlineInputFieldInputFileInputGroupInputSelectItineraryLayoutLinkListListListChoiceLoadingModalNavigationBarNotificationBadgeOrbitProviderPaginationPopoverPortalRadioSeatSegmentedSwitchSelectSeparatorServiceLogoSkeletonSkipLinkSkipNavigationSliderSocialButtonStackStepperStopoverArrowSwitchTableTabsTagTextTextLinkTextareaTileTileGroupTimelineToastTooltipTruncateWizard
Design patterns
Progressive disclosureChoosing components for actionsDesigning formsForms and errors
Development
Guides
Developing layoutsUsing component types
Utilities
Media queriesRight-to-left languagesSlide animation
Hooks
useClickOutsideuseFocusTrapuseIntersectuseLockScrollinguseMediaQueryuseRandomId
Migration guides
v24v23v22v21v20v19v18v17v16v15v14v12v11v10v9v7
For Kiwi.com use
Brand
Brand guidelines
Content
Voice & toneGrammar & mechanicsGlossarySocial mediaTechnical content
Guides
Biz Dev assetsPreparing carrier logosFigma
  • Orbit.kiwi/
  • Development/
  • Migration guides

Migration guides

v10

How to migrate to Orbit 10.0.0

v11

How to migrate to Orbit 11.0.0

v12

How to migrate to Orbit 12.0.0

v14

How to migrate to Orbit 14.0.0

v15

How to migrate to Orbit 15.0.0

v16

How to migrate to Orbit 16.0.0

v17

How to migrate to Orbit 17.0.0

v18

How to migrate to Orbit 18.0.0

v19

How to migrate to Orbit 19.0.0

v20

How to migrate to Orbit 20.0.0

v21

How to migrate to Orbit 21.0.0

v22

How to migrate to Orbit 22.0.0

v23

How to migrate to Orbit 23.0.0

v24

How to migrate to Orbit 24.0.0

v7

How to migrate to Orbit 7.0.0

v9

How to migrate to Orbit 9.0.0

Component status
·
Storybook
·
Playroom
·
Changelog
·
Themer
Design tokens
v10.1.0
·
React components
v24.0.0
·
Developer mode
Opens components on the React tab by default.
Built & maintained by Kiwi.com
Open sourced with ❤ for travel