1.14.0 • Published 7 years ago
react-undraw-auto v1.14.0
React unDraw
React component for unDraw illustrations.
Demo
https://justinlettau.github.io/react-undraw
Installation
npm install react-undraw --saveUsage
Import everything:
import Undraw from 'react-undraw';
<Undraw name="coding" />;Import only what you need:
import { UndrawCoding } from 'react-undraw';
<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.
Override Default Props
import Undraw from 'react-undraw';
Undraw.setDefaultProps({ primaryColor: 'darkblue' });Development
npm install
npm run buildTo refresh the generated components:
- Update
./scripts/illustrations.jsonwith any new illustrations. - Run
npm run refresh(from root) to generate files.
1.14.0
7 years ago