Your bookmarks

Illustration / React

Use illustration when you need to communicate some information, not just as a visual ornament.

To implement Illustration component into your project you’ll need to add the import:

import Illustration from "@kiwicom/orbit-components/lib/Illustration";

After adding import into your project you can use it simply like:

<Illustration name="Accommodation" size="small" />


Table below contains all types of the props available in Illustration component.

Name Type Default Description
dataTest string Optional prop for testing purposes.
name enum Name for the displayed illustration.
size enum "medium" The size of the Illustration.
spaceAfter enum Additional margin-bottom after component. See this docs


name size
"Accommodation" "small"
"AirHelp" "medium"
"AirportTransport" "large"
"AirportTransportTaxi" "display"