> # Not Ready For Use Yet❗️
>
> I plan to release a beta version at the end of 1Q 2022.

# MUI Storybook

[![Storybook](https://cdn.jsdelivr.net/gh/storybookjs/brand@main/badge/badge-storybook.svg)](https://main--61c23f8c33dad8003adc12f6.chromatic.com) [![Typecheck](https://github.com/laststance/vite-redux-toolkit-starter/actions/workflows/typecheck.yml/badge.svg)](https://github.com/laststance/vite-redux-toolkit-starter/actions/workflows/typecheck.yml) [![Test](https://github.com/laststance/vite-redux-toolkit-starter/actions/workflows/test.yml/badge.svg)](https://github.com/laststance/vite-redux-toolkit-starter/actions/workflows/test.yml) [![Build](https://github.com/laststance/vite-redux-toolkit-starter/actions/workflows/build.yml/badge.svg)](https://github.com/laststance/vite-redux-toolkit-starter/actions/workflows/build.yml) [![Lint](https://github.com/laststance/vite-redux-toolkit-starter/actions/workflows/lint.yml/badge.svg)](https://github.com/laststance/vite-redux-toolkit-starter/actions/workflows/lint.yml) [![Chromatic](https://github.com/laststance/mui-storybook-design-system/actions/workflows/chromatic.yml/badge.svg)](https://github.com/laststance/mui-storybook-design-system/actions/workflows/chromatic.yml) [![Depfu](https://badges.depfu.com/badges/6c7775918ccc8647160750e168617a65/overview.svg)](https://depfu.com/github/laststance/vite-redux-toolkit-starter?project_id=32682)

This is the [Vite](https://vitejs.dev/) template for [MUI](https://mui.com/) and [Storybook](https://storybook.js.org/).

All npm package are keeping least release version powered by [Depfu](https://depfu.com/).


> # Why
> As a React Developer, my personal opinion is that MUI is a complete design system with V5 implementation and documentation site.
>
>But people are crazy about Storybook!
>
>In addition, Storybook + Cromatic seems to be a viable option as a way to actually achieve an efficient workflow with designers.


# Installation

```
npx degit laststance/mui-storybook
```

```
cd mui-storybook
yarn install
yarn storybook
```

or npm

```
cd mui-storybook
npm install
npm run storybook
```

# License

MIT

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
  <tr>
    <td align="center"><a href="http://ryota-murakami.github.io/"><img src="https://avatars1.githubusercontent.com/u/5501268?s=400&u=7bf6b1580b95930980af2588ef0057f3e9ec1ff8&v=4?s=100" width="100px;" alt=""/><br /><sub><b>ryota-murakami</b></sub></a><br /><a href="https://github.com/laststance/vite-redux-toolkit-starter/laststance/vite-redux-toolkit-starter/commits?author=ryota-murakami" title="Code">💻</a> <a href="https://github.com/laststance/vite-redux-toolkit-starter/laststance/vite-redux-toolkit-starter/commits?author=ryota-murakami" title="Documentation">📖</a> <a href="https://github.com/laststance/vite-redux-toolkit-starter/laststance/vite-redux-toolkit-starter/commits?author=ryota-murakami" title="Tests">⚠️</a></td>
  </tr>
</table>

<!-- markdownlint-restore -->
<!-- prettier-ignore-end -->

<!-- ALL-CONTRIBUTORS-LIST:END -->

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!