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.

Components

Last update: 11th February 2019 (Week 07)

Legend:
✅ (done), ⏳ (in progress)
ETA: Estimated release week

Component Design Specification React
Alert message
Button
ButtonLink
Card
Card expandable section
Carrier Logo
Checkbox
Radio button
Select
InputField
InputFile
Textarea
Modal
Tile
TileExpandable
Loading
Country select  
Phone input  
Table
Tooltip
Tags
List
Tabs    
Calendar view    
Pagination    
Breadcrumbs
Input group
Badge
Illustration
Separator
Button group
Stack
(only dev)
Portal
(only dev)
Timeline    
TripSegment
Share button  
Stopover arrow
Service logo
TripSector
RatingStars
InputStepper
ActionTabs    
DestinationCard ⏳ ETA: W08
DestinationHeader ⏳ ETA: W08
Slider    
FormControl
(only dev)
 
ListChoice
Stepper
Toast message    
ChoiceGroup
Hide
(only dev)
   
Popover  
CalloutCard    
PasswordField  
Sticky
(only dev)
 

Basic guidelines

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

Explanation of each phase

  • Design – Component is placed into Orbit UI library
  • Specification – Detailed documentation what should be a function(s) of each component (and all variants)
  • Development – Implementation into Orbit Components
  • Documentation – (Design / Developer) Design documentation should contain guidelines on how to work with each component, developer documentation is an explanation of how to use a component.