Skip to content
React component for unDraw illustrations.
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Init Oct 11, 2018
public feat: add components Oct 14, 2018
scripts chore: remove auotmated get scripts Apr 23, 2019
src feat: add new illustrations Mar 23, 2019
.babelrc
.editorconfig feat: add new illustrations Mar 21, 2019
.eslintignore
.eslintrc chore: update lint config Feb 7, 2019
.gitignore chore: ready for package release Oct 17, 2018
.prettierignore feat: add new illustrations Mar 21, 2019
.prettierrc.json chore: upgrade to prettier Nov 30, 2018
.travis.yml feat: add components Oct 14, 2018
CHANGELOG.md chore(release): 1.14.0 Mar 23, 2019
ILLUSTRATIONS.md feat: add new illustrations Mar 23, 2019
README.md chore: remove auotmated get scripts Apr 23, 2019
package-lock.json chore(deps): update dependency husky to v3 (#14) Jul 20, 2019
package.json chore(deps): update dependency husky to v3 (#14) Jul 20, 2019
renovate.json chore: update renovate config Feb 8, 2019
undraw.d.ts feat: add new illustrations Mar 23, 2019

README.md

NPM Version Build Status Dependency Status Dev Dependency Status

React unDraw

React component for unDraw illustrations.

Demo

https://justinlettau.github.io/react-undraw

Installation

npm install react-undraw --save

Usage

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 build
You can’t perform that action at this time.