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