@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.

Demo: storybook link

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

Hadriel Benjo

• LinkedIn: @hadriel-benjo
• GitHub: @hdriel