@helpscout/hsds-illos

Module generated with Zero

Usage no npm install needed!

<script type="module">
  import helpscoutHsdsIllos from 'https://cdn.skypack.dev/@helpscout/hsds-illos';
</script>

README

HSDS: Illos

npm version Netlify Status node npm

Illustration for Help Scout's Design System

Install

npm install @helpscout/hsds-illos --save

Usage

Any illos can be imported in a react project

import SpacePlanet from '@helpscout/hsds-illos/space-planet'

Then you can render the illo component

render(){
    return (
        <div>
            <SpacePlanet />
        </div>
    )
}

Adding an Image

1 - Optimize the image by running it through https://jakearchibald.github.io/svgomg/

2 - Then add the image to the folder src/svgs

3 - Run npm run generate:illos

Getting Started

After cloning this repo down, run:

npm install

Once everything is installed, run:

npm start

Check out HSDS's Storybook at http://localhost:8900/ in your browser!

Publishing

To publish and release a new version of HSDS, run the following command:

npm run release

You'll be presented with a CLI prompt with options. Pick the one you want, and that's it! The script will take care of the rest (from testing to publishing).