Developer mode
Opens components on the React tab by default.
Your bookmarks

AirportIllustration / React

Communicates information about specific airports in an interesting visual way.

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" />

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 Name for the displayed Airportillustration.
size enum "medium" The size of the AirportIllustration.
spaceAfter enum Additional margin-bottom after component. See this docs

enum

name size
"BGYFastTrack" "extraSmall"
"BUDFastTrack" "small"
"MRSSmartPass" "medium"
"NCEFastTrack" "large"
"PRGSmartPass" "displays"
"VCESmartPass"