Illustration: React
Illustrations can be used to provide extra visual context for other items.
Installation
Before you can start using the @mediahuis/chameleon-react component, you’ll need to install it, for more information check: Getting started for developers.
With that done, you’re now ready to implement the component in your application.
import { Login } from '@mediahuis/chameleon-theme-wl/illustrations';
import { Illustration } from '@mediahuis/chameleon-react';
export default function Example() {
return <Illustration as={Login} />;
}
Properties
| Property | Type | Default | Required | Description |
|---|---|---|---|---|
accessibilityLabel | String | - | No | Used to set an accessibility friendly label that will not be shown. |
as | SVGType | - | No | Allows rendering the component with a different SVG component. |
className | String | - | No | Allows extending the class names of the component. |
as
The as property specifies the illustration component to be rendered. You can choose one of the illustrations as outlined in the Illustrations documentation.