⋅

Getting started

Foundation

Design patterns

Development

For Kiwi.com use

Getting started

Foundation

Design patterns

Development

For Kiwi.com use

Component status 🚀

A detailed breakdown of our components and the status of their implementation.

This listing reflects the current state of our components.

The individual phases don’t directly depend on one another. The design or documentation could be published before development.

Accessibility

Component	Figma	React	iOS	Android	Documentation
SkipLink	N/A	Released	N/A	N/A	Released
SkipNavigation	N/A	Released	N/A	N/A	Released

Action

Component	Figma	React	iOS	Android	Documentation
ButtonGroup	N/A	Released	N/A	N/A	Released
ButtonLink	Released	Released	Released	Released	Released
ButtonMobileStore	Released	Released	N/A	N/A	Released
Button	Released	Released	Released	Released	Released
SocialButton	Released	Released	Released	N/A	Released
TextLink	Released	Released	Released	N/A	Released

Information

Component	Figma	React	iOS	Android	Documentation
Alert	Released	Released	Released	Released	Released
Badge	Released	Released	Released	Released	Released
BadgeList	Released	Released	Released	Released	Released
NotificationBadge	Designing	Released	Released	N/A	Released
Toast	Released	Released	Released	Released	Released

Input

Component	Figma	React	iOS	Android	Documentation
Checkbox	Released	Released	Released	Released	Released
ChoiceGroup	Designing	Released	N/A	N/A	Released
InputField	Released	Released	Released	Released	Released
InputFile	Designing	Released	N/A	N/A	Released
InputGroup	Designing	Released	N/A	N/A	Released
InputSelect	Designing	Released	N/A	N/A	Released
InputStepper	N/A	Released	Planned	N/A	Released
ListChoice	Released	Released	Released	Released	Released
Radio	Released	Released	Released	Released	Released
Select	Released	Released	Released	Released	Released
Textarea	Planned	Released	N/A	Released	Released

Interaction

Component	Figma	React	iOS	Android	Documentation
Collapse	Designing	Released	Released	Released	Released
Slider	Designing	Released	Released	Released	Released
Stepper	Released	Released	Released	Released	Released
Switch	Released	Released	Released	Released	Writing
Tag	Released	Released	Released	Released	Released
SegmentedSwitch	Released	Released	Released	Released	Released

Layout

Component	Figma	React	iOS	Android	Documentation
Box	N/A	Released	N/A	N/A	Released
Grid	N/A	Released	N/A	N/A	Planned
HorizontalScroll	N/A	Released	Released	Planned	Writing
Inline	N/A	Released	N/A	N/A	Released
Layout	N/A	Released	N/A	N/A	Released
Stack	N/A	Released	N/A	N/A	Planned

Component	Figma	React	iOS	Android	Documentation
Breadcrumbs	Released	Developing	N/A	N/A	Released
LinkList	N/A	Released	N/A	N/A	Released
NavigationBar	Released	Released	Planned	Released	Released
NavigationList	N/A	Deprecated	N/A	N/A	N/A
Pagination	Designing	Released	N/A	N/A	Released
TabBar	Released	N/A	Waiting	N/A	Waiting

Overlay

Component	Figma	React	iOS	Android	Documentation
Dialog	Released	Released	Released	Released	Released
Drawer	Postponed	Released	N/A	N/A	Released
Modal	Released	Released	N/A	N/A	Released
Popover	Released	Released	N/A	N/A	Released
Tooltip	Released	Released	N/A	N/A	Released

Primitives

Component	Figma	React	iOS	Android	Documentation
BadgePrimitive	N/A	Released	N/A	Released	Released
ButtonPrimitive	N/A	Released	N/A	Released	Released
IllustrationPrimitive	N/A	Released	N/A	N/A	Released

Progress indicators

Component	Figma	React	iOS	Android	Documentation
EmptyState	Released	Planned	Released	Released	Released
Loading	Released	Released	Planned	Released	Released
Skeleton	N/A	Released	Released	N/A	Released
Timeline	Designing	Released	Released	Released	Released
Wizard	Designing	Released	N/A	N/A	Released

Responsive

Component	Figma	React	iOS	Android	Documentation
Desktop	N/A	Released	N/A	N/A	Released
Hide	N/A	Released	N/A	N/A	Released
Mobile	N/A	Released	N/A	N/A	Released

Structure

Component	Figma	React	iOS	Android	Documentation
Accordion	Designing	Released	N/A	N/A	Released
Card	Released	Released	Released	Released	Released
ChoiceTile	Designing	Planned	Released	Released	Waiting
DestinationCard	N/A	Deprecated	N/A	N/A	N/A
DestinationHeader	N/A	Deprecated	N/A	N/A	N/A
Itinerary	Released	Released	Planned	N/A	Released
List	Released	Released	Released	Released	Released
Separator	Released	Released	Released	Released	Released
Table	Released	Released	N/A	N/A	Released
Tabs	Released	Released	Released	Released	Released
TileGroup	Planned	Released	Released	Released	Released
Tile	Planned	Released	Released	Released	Released
TripSector	N/A	Deprecated	N/A	N/A	N/A
TripSegment	N/A	Deprecated	N/A	N/A	N/A

Text

Component	Figma	React	iOS	Android	Documentation
Heading	Released	Released	Released	Released	Released
Text	Released	Released	Released	Released	Released

Utility

Component	Figma	React	iOS	Android	Documentation
Portal	N/A	Released	N/A	N/A	Released
Truncate	N/A	Released	N/A	N/A	Released

Visuals

Component	Figma	React	iOS	Android	Documentation
AirportIllustration	Released	Released	N/A	N/A	Released
CallOutBanner	Designing	Released	N/A	N/A	Released
CarrierLogo	Released	Released	Released	N/A	Released
CountryFlag	Released	Released	Released	Released	Released
Coupon	Released	Released	Released	N/A	Released
FeatureIcon	Released	Released	Planned	N/A	Released
Icon	Released	Released	Released	Released	Released
Illustration	Released	Released	Released	Released	Released
PictureCard	Designing	Developing	N/A	N/A	Released
Seat	Designing	Released	N/A	Released	Released
ServiceLogo	Released	Released	N/A	N/A	Released
StopoverArrow	N/A	Released	N/A	N/A	Released