# @doopage/react-ui-kit

[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
[![NPM](https://img.shields.io/npm/v/@doopage/react-ui-kit.svg)](https://www.npmjs.com/package/@doopage/react-ui-kit) 
[![Bundlephobia](https://badgen.net/bundlephobia/tree-shaking/@doopage/react-ui-kit)](https://bundlephobia.com/result?p=@doopage/react-ui-kit@latest)
[![Bundlephobia](https://badgen.net/bundlephobia/minzip/@doopage/react-ui-kit)](https://bundlephobia.com/result?p=@doopage/react-ui-kit@latest)


> Base component for DooPage project<br/>Base on [Material UI](material-ui.com)

## Installation

With npm

```bash
npm install --save @doopage/react-ui-kit
```

Or with yarn

```
yarn add @doopage/react-ui-kit
```

## Installing dependencies

```bash
npm install @material-ui/core @material-ui/lab @material-ui/icons date-fns moment

or

yarn add @material-ui/core @material-ui/lab @material-ui/icons date-fns moment
```

## Documentation

[Homepage](https://huynhhuyhiep.github.io/doopage-react-ui-kit)

## Usage

```jsx
import {Button} from '@doopage/react-ui-kit'

const MyComponent = () => <Button color={'warning'}>Button</Button>;

export default MyComponent;
```

## License

MIT © [huynhhuyhiep](https://github.com/huynhhuyhiep)