<p align="center">
  <a href="https://github.com/concrete-form/concrete-form">
    <img alt="Concrete Form" src="https://raw.githubusercontent.com/concrete-form/concrete-form/main/doc/logo.png" width="100" />
  </a>
</p>

<p align="center">
  <strong>@concrete-form/mui</strong>
</p>

---

<div align="center">
  <a href="https://ci.appveyor.com/project/kegi/mui/history">
    <img alt="test coverage" style="margin:3px"
    src="https://img.shields.io/appveyor/build/kegi/mui?style=flat-square" />
  </a>
  <a href="https://coveralls.io/github/concrete-form/mui">
    <img alt="test coverage" style="margin:3px"
    src="https://img.shields.io/coveralls/github/concrete-form/mui?style=flat-square" />
  </a>
<img alt="Tree shaking supported"src="https://img.shields.io/badge/Tree%20shaking-supported-success?style=flat-square" style="margin:3px" />
  <a href="https://www.npmjs.com/package/@concrete-form/mui">
    <img alt="License" style="margin:3px" 
    src="https://img.shields.io/npm/l/@concrete-form/mui?color=%23007ec6&style=flat-square" />
  </a>
</div>

---

## Implementation

[**Material-UI**](https://mui.com/) (V5+) implementation for [**Concrete form**](https://github.com/concrete-form/concrete-form)

## Install

```bash
yarn add @concrete-form/mui
# OR
npm install @concrete-form/mui
```
## Storybook
[![Storybook](https://img.shields.io/badge/Storybook-%23E06A8C?style=flat-square&logo=storybook&labelColor=%23ececec)](https://main--6193c82ff0559c003a4fdcba.chromatic.com/)

Thanks to [Chromatic](https://www.chromatic.com/)

## Doc and examples
https://concrete-form.com/docs/controls/mui/api