Usage

import { Illustration, SvgSmile } from '@loomhq/lens'
<Illustration illustration={<SvgSmile />} />

Illustration

See the Illustration set.

Color

Use one of the pallete colors.

Size

The default size is 12×12 units (6rem × 6rem), To change it use the size prop, the value can be specified in units, pixels or any valid css unit.

With alternative text

If the illustration is not purely decorative, add an image text alternative for accessibility reasons.

Props

name
type
default
color
string
'orangeDark'
size
number | string
12
altText
string
illustration
React.ReactNode