UNPKG

@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.

kiwicom/orbit

40 lines (30 loc) • 2.68 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
# 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. By default, an empty string is used. See Accessibility tab. | | dataTest | `string` | | Optional prop for testing purposes. | | id | `string` | | Set `id` for `Illustration`. | | **name** | [`enum`](#enum) | | Name for the displayed Airportillustration. | | size | [`enum`](#enum) | `"medium"` | The size of the AirportIllustration. | | spaceAfter | `enum` | | Additional `margin-bottom` after component. | | role | `img\|presentation` | `"presentation"` | Optional property for a role attribute. See Accessibility tab. | ### enum | name | size | spaceAfter | | :--------------- | :------------- | :----------- | | `"BGYFastTrack"` | `"extraSmall"` | `"none"` | | `"BUDFastTrack"` | `"small"` | `"smallest"` | | `"MRSSmartPass"` | `"medium"` | `"small"` | | `"NCEFastTrack"` | `"large"` | `"normal"` | | `"PRGSmartPass"` | `"displays"` | `"medium"` | | `"VCESmartPass"` | | `"large"` | | | | `"largest"` |