# @truework/ui ![npm](https://img.shields.io/npm/v/@truework/ui) [![](https://badgen.net/bundlephobia/minzip/@truework/ui)](https://bundlephobia.com/result?p=@truework/ui)

Truework's React UI toolkit. Built with
[styled-components](https://github.com/styled-components/styled-components) and
[styled-system](https://github.com/styled-system/styled-system).

```bash
npm i @truework/ui --save
```

## Usage

For docs and examples for each component, please refer to the
[src](https://github.com/truework/ui/tree/master/packages/ui/src) directory.

```jsx
import { ThemeProvider, GlobalStyle } from 'styled-components'
import { theme, Box, H1, Icon } from '@truework/ui'

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

    <Box py="sm">
      <H1>Hello world!</H1>
      <Icon name="Heart" />
    </Box>
  </ThemeProvider>
)
```

### License

MIT License © [Truework](https://truework.com)


Truework's React UI toolkit. Built with [styled-components](https://github.com/styled-components/styled-components) and [styled-system](https://github.com/styled-system/styled-system).

@truework/ui

truework-team

angelachang

manan_joshi

js-truework

[Truework's](https://www.truework.com) user interface toolkit.