@flatiron-school/ui

The Flatiron School Design System

Installation & Usage

Install

yarn add @flatiron-school/ui @material-ui/core

Usage

import { Button } from '@flatiron-school/ui'

export default () => {
  return <Button primary>Foo</Button>
}

To apply your theme wrap your components in our ThemeProvider:

import ThemeProvider from '@flatiron-school/ui'

export default () => {
  return <ThemeProvider theme={yourTheme}> </ThemeProvider>
}

Available Components

[TODO]

Want to Contribute?

If you want to contribute through code or documentation, the Contributing guide is the best place to start. If you have questions, feel free to ask.

Other

• Why I don't use React.FC
• TS Styleguide
• Jest styled-components
• Jest styled-components toHaveStyleRule