@rsm/wl-ui-components NPM

wl-ui-components

Install

$ yarn add wl-ui-components

Development with Storybook

Start storybook development server:

yarn development

Development with another project

Use yalc for local development with another project https://github.com/whitecolor/yalc

Install `yalc`:

npm i yalc -g

(locally) publish package:

(in wl-ui-components root)

yalc publish

Link package to other project:

(in other package's root)

yalc link wl-ui-components

After working in project

(in wl-ui-components root)

yalc publish && yalc push

Usage

Wrap App in ThemeProvider

import React from 'react';
import { ThemeProvider } from 'styled-components';
import { theme } from 'wl-ui-components';

class App extends React.Component {
  render() {
    return (
      <ThemeProvider theme={theme}>
        <MyAwesomeApp />
      </ThemeProvider>
    );
  }
}

import React from 'react';

import { Button } from 'wl-ui-components';

const MyComponent = props => (
  <div>
    <Button variant="primary">Click me!</Button>
  </div>
);