Product Design Library

Installing

Our design system is written in React, and can be installed into your project via NPM or Yarn.

npm

npm install --save @my-product/my-design-system

yarn

yarn add -S my-design-system

Usage

Import the components you need:

import {Button, ActionBar} from @my-product/my-design-system

Then use them in your app or components:

const header = () => (
    <div>
        <ActionBar>
            <Button kind="primary" label="Save" />
            <Button kind="secondary" label="Cancel" />
        </ActionBar>
    </div>
)