@kiwicom/orbit-components
Version:
<div align="center"> <a href="https://orbit.kiwi" target="_blank"> <img alt="orbit-components" src="https://orbit.kiwi/wp-content/uploads/2018/08/orbit-components.png" srcset="https://orbit.kiwi/wp-content/uploads/2018/08/orbit-components@2x.png 2x"
61 lines (58 loc) • 3.06 kB
Markdown
# Illustration
To implement Illustration component into your project you'll need to add the import:
```jsx
import Illustration from "@kiwicom/orbit-components/lib/Illustration";
```
After adding import into your project you can use it simply like:
```jsx
<Illustration name="Accommodation" size="small" />
```
## Props
Table below contains all types of the props available in CarrierLogo component.
| Name | Type | Default | Description |
| :------------ | :------------------------------- | :-------------- | :------------------------------- |
| dataTest | `string` | | Optional prop for testing purposes.
| **name** | [`enum`](#enum) | | Name for the displayed illustration.
| size | [`enum`](#enum) | `"medium"` | The size of the Illustration.
| spaceAfter | `enum` | | Additional `margin-bottom` after component. [See this docs](../common/getSpacingToken)
### enum
| name | size |
| :-------------------------- | :------------- |
| `"Accommodation"` | `"small"` |
| `"AirportTransport"` | `"medium"` |
| `"AirportTransportTaxi"` | |
| `"BoardingPass"` | |
| `"CabinBaggage"` | |
| `"EnjoyApp"` | |
| `"Feedback"` | |
| `"Help"` | |
| `"Improve"` | |
| `"Insurance"` | |
| `"InviteAFriend"` | |
| `"Login"` | |
| `"Lounge"` | |
| `"Mailbox"` | |
| `"Meal"` | |
| `"Money"` | |
| `"NetVerify"` | |
| `"NoBookings"` | |
| `"NoFavoriteFlights"` | |
| `"NoNotification"` | |
| `"Offline"` | |
| `"OpenSearch"` | |
| `"Parking"` | |
| `"PlaceholderAirport"` | |
| `"PlaceholderDestination"` | |
| `"PlaceholderHotel"` | |
| `"PlaneAndMoney"` | |
| `"PriorityBoarding"` | |
| `"Rating"` | |
| `"ReferAFriend"` | |
| `"RentalCar"` | |
| `"Time"` | |
| `"TimelineBoarding"` | |
| `"TimelineDropBaggage"` | |
| `"TimelineLeave"` | |
| `"TimelinePick"` | |
| `"Tours"` | |
| `"Train"` | |