Component status 🚀

A detailed breakdown of our components and their current phases follows below. This component status reflects the state of our current UI components at Kiwi.com.

The individual phases are not directly dependent on each other, the design part of documentation could be published before development.

React Native components priorities are based on an Account project needs.

Components

Last update: 24th June 2019 (Week 26)

Legend:
✅ (done), ⏳ (in progress),  🚫(skipped, as is not needed for Account)
ETA: Estimated release week

Component Design Specification React React Native
Text ⏳ ETA: ?
Heading ⏳ ETA: ?
Icon ⏳ ETA: ?
TextLink ⏳ ETA: ?
Alert message
Button ⏳ 
ButtonLink
Card ⏳ ETA: ?
Card expandable section ⏳ ETA: ?
Carrier Logo 🚫
Checkbox 🚫
Radio button 🚫
Select ⏳ 
InputField ⏳ 
InputFile 🚫
Textarea 🚫
Modal
Tile 🚫
TileExpandable 🚫
Loading ⏳ ETA: ?
Country select   🚫
Phone input   🚫
Table 🚫
Tooltip
Tags 🚫
List ⏳ ETA: ?
Tabs     🚫
Calendar     🚫
Pagination 🚫
Breadcrumbs 🚫
Input group
Badge ⏳ ETA: ?
Illustration ⏳ ETA: ?
Separator ⏳ ETA: ?
Button group 🚫
Timeline     🚫
TripSegment 🚫
Share button   🚫
Stopover arrow 🚫
Service logo
TripSector 🚫
RatingStars 🚫
InputStepper 🚫
ActionTabs     🚫
DestinationCard 🚫
DestinationHeader 🚫
Slider   ⏳ ETA: W28 🚫
ListChoice 🚫
Stepper 🚫
Toast message     🚫
ChoiceGroup 🚫
Popover
CalloutCard     🚫
PasswordField   🚫
SkipNavigation 🚫
LocationPicker     🚫
ChoiceTile
TripCard      
EmptyState      

Utility components

Utility Specification React
Sticky
Hide
FormControl
Stack
Portal
Grid
Layout
Collapse  

Basic guidelines

Components Design Specification Development Documentation
Colors ✅ /✅
Typography
(Heading, Text)
✅ /✅
Icons ✅ /✅
Design tokens
(Theming)
✅ / ✅
Layout / Spacing ⏳ / –
Shadows / Layers ⏳ / –