@hdriel/mui-simple
customized ALL MUI COMPONENTS to make simplify the usage of mui.
get a lot of features to use mui, like custom-color that you can send any color of theme color name.
or more customized way to use component more easier way, and less code bugs homemade.
storybook link
Demo:Install
npm
install peer dependencies first:
$ npm install @emotion/react @emotion/styled @mui/lab @mui/material @mui/icons-material
it's going to take while
$ npm install --force @hdriel/mui-simple
##Lancher
Create-React-App
if you use CRA v5+ you need to override webpack config with CRACO install craco:
$ npm install --save-dev @craco/craco
then create in the root project the file
# craco.config.js
module.exports = {
style: {},
eslint: {},
babel: {},
webpack: {
configure: {
module: {
rules: [{ test: /\.m?js$/, resolve: { fullySpecified: false } }],
},
},
},
};
Usage
import { Button } from '@hdriel/mui-simple';
// or
const { Button } = require('@hdriel/mui-simple')
Join and Support
this package need more maintenance like :
☐ fully support typescript.
☐ make docs and fixing stories in storybook.
and so on..
so feel free to be in touch and make this beautiful package to be more awesome as should be!
Author
- LinkedIn: @hadriel-benjo
- GitHub: @hdriel