IllustrationPrimitive

A basic type that allows you to customize illustrations.

IllustrationPrimitive

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.

NameTypeDefaultDescription
altstringOptional property for passing own alt attribute to the DOM image element. By default, the name of illustration is used.
dataTeststringOptional prop for testing purposes.
namestringName for the displayed illustrationPrimitive.
sizeenum"medium"The size of the IllustrationPrimitive.
spaceAfterenumAdditional margin-bottom after component. See this docs

enum

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