@kiwicom/orbit-components
Version:
Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.
37 lines (27 loc) • 2.2 kB
Markdown
# AirportIllustration
To implement AirportIllustration component into your project you'll need to add the import:
```jsx
import AirportIllustration from "@kiwicom/orbit-components/lib/AirportIllustration";
```
After adding import into your project you can use it simply like:
```jsx
<AirportIllustration name="Accommodation" size="small" />
```
## Props
Table below contains all types of the props available in AirportIllustration component.
| Name | Type | Default | Description |
| :--------- | :-------------- | :--------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| alt | `string` | | Optional property for passing own `alt` attribute to the DOM image element. Bby default, the `name` of illustration is used. |
| dataTest | `string` | | Optional prop for testing purposes. |
| **name** | [`enum`](#enum) | | Name for the displayed Airportillustration. |
| size | [`enum`](#enum) | `"medium"` | The size of the AirportIllustration. |
| spaceAfter | `enum` | | Additional `margin-bottom` after component. [See this docs](https://github.com/kiwicom/orbit/tree/master/packages/orbit-components/src/common/getSpacingToken) |
### enum
| name | size |
| :--------------- | :------------- |
| `"BGYFastTrack"` | `"extraSmall"` |
| `"BUDFastTrack"` | `"small"` |
| `"MRSSmartPass"` | `"medium"` |
| `"NCEFastTrack"` | `"large"` |
| `"PRGSmartPass"` | `"displays"` |
| `"VCESmartPass"` |