Component status 🚀
A detailed breakdown of our components and status of theirs implementation.
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.
UI components
| Component |  Sketch |  Figma |  React |  React Native |
|---|---|---|---|---|
| Alert | Released | Planned | Released | Planned |
| Autocomplete | DesigningContrib. by Search | On hold | Waiting | Waiting |
| Badge | Released | Planned | Released | Released |
| Breadcrumbs | Released | Not doing | Released | Not doingNot needed for native apps. |
| Button | Released | Planned | Released | Released (experimental) |
| ButtonGroup | Released | Not doing | Released | Not doingNot needed for native apps. |
| ButtonLink | Released | Planned | Released | Planned |
| Calendar | DevelopingContrib. by Search | On hold | Waiting | Waiting |
| CallOutBanner | Released | On hold | Released | Planned |
| Card | Released | Planned | Released | Released (experimental) |
| CarrierLogo | Released | Planned | Released | Planned |
| Checkbox | Released | On hold | Released | Planned |
| ChoiceGroup | Released | Not doing | Released | Planned |
| ChoiceTile | Released | Planned | Planned | Not doing |
| Collapse | Released | On hold | Released | Planned |
| CountryFlag | Released | Planned | Released | Released |
| Coupon | Planned | Planned | Released | Waiting |
| DestinationCard | Deprecated | Deprecated | Released | Not doing |
| DestinationHeader | Deprecated | Deprecated | Released | Not doing |
| EmptyState | Released | Planned | Planned | Planned |
| FeatureIcon | Released | Planned | Released | Waiting |
| Heading | Released | Planned | Released | Released |
| Icon | Released | Released | Released | Released (experimental) |
| Illustration | Released | Planned | Released | Released |
| InputField | Released | Planned | Released | Released (experimental) |
| InputFile | Released | Not doing | Released | Not doingNot needed for native apps. |
| InputGroup | Released | Planned | Released | Not doingNot needed for native apps. |
| InputStepper | Released | Planned | Released | Not doingNot needed for native apps. |
| List | Released | Planned | Released | Planned |
| ListChoice | Released | Planned | Released | Not doing |
| Loading | Released | Planned | Released | Planned |
| Modal | Released | Planned | Released | DevelopingETD: W46 |
| NavigationList | Released | Not applicable | Released | Not doingNot needed for native apps. |
| NotificiationBadge | Released | On hold | Released | Not doingNot needed for native apps. |
| Pagination | Released | Not doing | Released | Not doing |
| PictureCard | On holdETD: Q4 | On hold | Waiting | Waiting |
| Popover | Released | Planned | Released | Planned |
| PricingTable | Released | On hold | Released | Not doing |
| Radio | Released | Planned | Released | Not doing |
| RatingStars | Released | Not doing | Released | Not doing |
| Select | Released | Planned | Released | Planned |
| Separator | Released | Planned | Released | Planned |
| ServiceLogo | Released | Planned | Released | Planned |
| Slider | Released | On hold | Released | Not doingNot needed for native apps. |
| Stepper | Released | Planned | Released | Not doingNot needed for native apps. |
| Steps | Planned | Planned | Waiting | Waiting |
| StopoverArrow | Released | Not doing | Released | Not doingNot needed for native apps. |
| Table | Released | Not doing | Released | Not doingNot needed for native apps. |
| Tabs | Released | Planned | Planned | Planned |
| Tag | Released | Planned | Released | Not doingNot needed for native apps. |
| Text | Released | Planned | Released | Released |
| Textarea | Released | Not doing | Released | Not doingNot needed for native apps. |
| TextLink | Released | Planned | Released | DevelopingETD: W46 |
| Tile | Released | Planned | Released | DevelopingETD: W46 |
| Tooltip | Released | Planned | Released | Planned |
| TripSector | Released | On hold | Released | Not doingNot needed for native apps. |
| TripSegment | Released | On hold | Released | Not doingNot needed for native apps. |
Utility components
| Component | Sketch | Figma | React | React Native |
|---|---|---|---|---|
| Desktop | Not applicable | Not applicable | Released | Not applicable |
| Hide | Not applicable | Not applicable | Released | Not doingNot needed for native apps. |
| Image | Not applicable | Not applicable | Not applicable | Released |
| Mobile | Not applicable | Not applicable | Released | Not applicable |
| Portal | Not applicable | Not applicable | Released | DevelopingETD: with Modal |
| Sticky | Not applicable | Not applicable | Released | Not applicableNot needed for native apps. |
| Truncate | Not applicable | Not applicable | Released | Planned |
Layout components
| Component | Sketch | Figma | React | React Native |
|---|---|---|---|---|
| Drawer | Released | On hold | Released | Not doingNot needed for native apps. |
| Grid | Not applicable | Not applicable | Released | Not doingNot needed for native apps. |
| Layout | Planned | Not applicable | Released (experimental) | Not applicable |
| NavigationBar | Released | Planned | Released | Not doingNot needed for native apps. |
| Stack | Not applicable | Not applicable | Released | Released (experimental) |
Accessibility components
| Component | Sketch | Figma | React | React Native |
|---|---|---|---|---|
| SkipLink | Not applicable | Not applicable | Released | Not doingNot needed for native apps. |
| SkipNavigation | Not applicable | Not applicable | Released | Not doingNot needed for native apps. |
Last update: 12th October, 2019