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: 8th August 2019 (Week 32)

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

Component Design Specification React React Native
Text βœ… βœ… βœ… ⏳ ETA: W31-32
Heading βœ… βœ… βœ… ⏳ ETA: W31-32
Icon βœ… βœ… βœ… ⏳ ETA: W33
TextLink βœ… βœ… βœ… ⏳ ETA: W31-32
CountryFlag βœ… βœ… βœ… ⏳ ETA: W31-32
Alert message βœ… βœ… βœ… ⏳
Button βœ… βœ… βœ… ⏳ ETA: Β W34-35
ButtonLink βœ… βœ… βœ… ⏳
Card βœ… βœ… βœ… ⏳ ETA: ?
Card expandable section βœ… βœ… βœ… ⏳ ETA: ?
Carrier Logo βœ… βœ… βœ… 🚫
Checkbox βœ… βœ… βœ… 🚫
Radio button βœ… βœ… βœ… 🚫
Select βœ… βœ… βœ… ⏳ ETA: ?
InputField βœ… βœ… βœ… ⏳ ETA: ?
InputFile βœ… βœ… βœ… 🚫
Textarea βœ… βœ… βœ… 🚫
Modal βœ… βœ… βœ… ⏳ETA: ?
Tile βœ… βœ… βœ… ⏳ETA:Β W34-35
TileExpandable βœ… βœ… βœ… 🚫
Loading βœ… βœ… βœ… ⏳ ETA: ?
Country select βœ… ⏳ Β  🚫
Phone input βœ… ⏳ Β  🚫
Table βœ… βœ… βœ… 🚫
Tooltip βœ… βœ… βœ… ⏳
Tags βœ… βœ… βœ… 🚫
List βœ… βœ… βœ… ⏳
Tabs       🚫
Calendar ⏳   ⏳ETA: ?
Version: 2.0.0
🚫
Pagination βœ… βœ… βœ… 🚫
Breadcrumbs βœ… βœ… βœ… 🚫
Input group βœ… βœ… βœ… ⏳ ETA: ?
Badge βœ… βœ… βœ… ⏳ ETA: ?
Illustration βœ… βœ… βœ… ⏳ ETA: W32
Separator βœ… βœ… βœ… ⏳ ETA: ?
Button group βœ… βœ… βœ… 🚫
Timeline       🚫
TripSegment βœ… βœ… βœ… 🚫
Share button βœ… Β  Β  🚫
Stopover arrow βœ… βœ… βœ… 🚫
Service logo βœ… βœ… βœ… ⏳
TripSector βœ… βœ… βœ… 🚫
RatingStars βœ… βœ… βœ… 🚫
InputStepper βœ… βœ… βœ… 🚫
ActionTabs       🚫
DestinationCard βœ… βœ… βœ… 🚫
DestinationHeader βœ… βœ… βœ… 🚫
Slider βœ… Β  βœ… 🚫
ListChoice βœ… βœ… βœ… 🚫
Stepper βœ… βœ… βœ… 🚫
Toast message       🚫
ChoiceGroup βœ… βœ… βœ… 🚫
Popover βœ… βœ… βœ… ⏳ETA: ?
CalloutBanner βœ… βœ… βœ… 🚫
PasswordField βœ… ⏳ Β  🚫
SkipNavigation βœ… βœ… βœ… 🚫
LocationPicker ⏳     🚫
ChoiceTile βœ… ⏳ ⏳ ⏳
TripCard ⏳      
EmptyState ⏳      
Drawer ⏳ ⏳ ⏳ETA: W34-34  
NavigationBar ⏳   ⏳ETA: W34-35  
ProgressIndicator Β  Β  Β  Β 
NavigationLinks ⏳      

Utility components

Utility Specification React
Sticky βœ… βœ…
Hide βœ… βœ…
Stack βœ… βœ…
Portal βœ… βœ…
Grid βœ… βœ…
Layout βœ… βœ…
Collapse βœ… βœ…Β 
Image   ⏳ ETA: W32-33
Truncate βœ… βœ…

Basic guidelines

Components Design Specification Development
Colors βœ… βœ… βœ…
Typography
(Heading, Text)
βœ… βœ… βœ…
Icons βœ… βœ… βœ…
Design tokens
(Theming)
βœ… βœ… βœ…
Layout / Spacing βœ… βœ… βœ…
Shadows / Layers βœ… βœ… βœ…