React unDraw

React component for unDraw illustrations.

Demo

npm install react-undraw --save

Import everything:

import Undraw from 'react-undraw';

<Undraw name="coding" />;

Import only what you need:

import { UndrawCoding } from 'react-undraw';
// or
import UndrawCoding from 'react-undraw/dist/illustrations/UndrawCoding';

<UndrawCoding />;

Props:

Prop	Type	Description	Default
`name`	`string`	Illustration name, kebab-case.	n/a
`primaryColor`	`string`	Illustration primary color.	`#6c63ff`
`height`	`string`	Illustration height.	`250px`

See ILLUSTRATIONS.md for a full list of supported illustration names.

import { defaultProps } from 'react-undraw';

defaultProps.primaryColor = 'darkblue';

npm install
npm run build