stash-ui

v0.9.56

Stash Invest’s react component library

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`

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>
    );
  }
}

Start importing components!

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

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