Illustration

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