Stash UI

⚛️💅 A UI library of React components, built with styled-components and styled-system.

Install

yarn add stash-ui

Setting up a new repo to use stash-ui

1. Include the ThemeProvider and GlobalStyle component in your main component to import fonts, a css-reset, and some basic styles:

import { ThemeProvider, GlobalStyle } from 'stash-ui';

class App extends Component {
  render() {
    return (
      <ThemeProvider>
        <GlobalStyle withFonts />
        {this.props.children}
      </ThemeProvider>
    );
  }
}

2. Start importing components!

import React from 'react';
import { PrimaryButton } from 'stash-ui';

export default props => {
  render() {
    return <PrimaryButton>Click me</PrimaryButton>;
  }
}

Publishing a release

See https://github.com/StashInvest/stash-react-ui/wiki#release-process

Development

To run the styleguide

yarn styleguide

Contributing

How to contribute to stash-ui

License

MIT © StashInvest