AirportIllustration
Communicates information about specific airports in an interesting visual way.
GuidelinesReact
To implement AirportIllustration component into your project you’ll need to add the import:
import AirportIllustration from "@kiwicom/orbit-components/lib/AirportIllustration";
After adding import into your project you can use it simply like:
<AirportIllustration name="Accommodation" size="small" />
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 | Name for the displayed Airportillustration. | |
| size | enum | "medium" | The size of the AirportIllustration. |
| spaceAfter | enum | Additional margin-bottom after component. See this docs |
| name | size |
|---|---|
"BGYFastTrack" | "extraSmall" |
"BUDFastTrack" | "small" |
"MRSSmartPass" | "medium" |
"NCEFastTrack" | "large" |
"PRGSmartPass" | "displays" |
"VCESmartPass" |