PLASMA by WeWork
Plasma is a design system for creating sensible, modern interfaces.
https://weconnect.github.io/plasma/docs
- Run
yarn startfrom the root directory. - Server is now running. Component docs at http://localhost:8080/plasma/docs. Playgrounds at http://localhost:8080/plasma/playground3
- Bump version number in package.json as necessary.
- Make sure you're logged in to NPM via
npm login. - Run
yarn publishfrom the root directory. - Check https://www.npmjs.com/~wework-dev to make sure package is updated.
-
Run
yarn add @wework-dev/plasmain your project. -
Link to correct version of CSS in your HTML . Example:
<link rel="stylesheet" href="https://npmcdn.com/@wework-dev/[email protected]/style.css">
-
Include the Plasma object (or individual components) in your Javascript. Plasma object example:
import Plasma from '@wework-dev/plasma'; <Plasma.Button label='Click it'/>
Individual components example:
import { Button } from '@wework-dev/plasma'; <Button label='Click it'/>
- Run the Plasma dev server:
yarn start - Run the Storybook server:
yarn storybook - Go to http://localhost:6006/ to view the Storybook
- Add stories to the
stories/directory as you build/modify components!