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

IllustrationPrimitive / React

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

import IllustrationPrimitive from "@kiwicom/orbit-components/lib/primitives/IllustrationPrimitive";

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

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

Usage

As with every primitive, you should have a good reason to use IllustrationPrimitive, prefer usage of Illustration and AirportIllustration as they are typed more strictly.

Props

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

Name Type Default Description
alt string Optional property for passing own alt attribute to the DOM image element. By default, the name of illustration is used.
dataTest string Optional prop for testing purposes.
name string Name for the displayed illustrationPrimitive.
size enum "medium" The size of the IllustrationPrimitive.
spaceAfter enum Additional margin-bottom after component. See this docs

enum

size
"extraSmall"
"small"
"medium"
"large"
"display"