SVG illustration component supporting multiple size variants.
Show code Hide code
import { Illustration } from '@mylighthouse/prism-react';
export default function IllustrationDefault(): React.JSX.Element {
return (
<div
style={{
display: 'flex',
gap: 'var(--prism-spacing-300)',
alignItems: 'flex-end',
}}
>
<Illustration name="40x40_rocket" />
<Illustration name="100x100_rocket" />
<Illustration name="200x200_maximize" />
<Illustration name="320x320_skyline" />
</div>
);
} API Reference
| Name | Default | Type | Description |
|---|---|---|---|
name * | -- | IllustrationName | -- |