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 easier way, and less code bugs homemade.
Demo: storybook link
To run storybook locally, because peer dependencies not installed in package npm install, you need to wrap this project with package.json that include this peed in there node_modules.
there for, cut all git repo into the wrapper-repo directory and run npm install
and run the npm run storybook
in script's file: wrapper-repo/mui-simple/package.json
because using peer dependencies, to avoid from install force warning, add the following file change:
// .npmrc
legacy-peer-deps=true
install peer dependencies first:
npm install react react-dom @emotion/react@^11.14.0 @emotion/styled@^11.14.0 @mui/material@^7.1.1 react-router-dom@^6.16.0
then install the mui-simple package
npm install mui-simple
import your components with ES Module syntax, usage like this:
import { Button } from 'mui-simple';
export const App = () => {
return <Button>Hello Miu-Simple</Button>;
};
this package need more maintenance like :
☐ fully support typescript.
☐ make docs and fixing stories in storybook.
☐ Improving infrastructure and performance.
and so on..
so feel free to be in touch and make this beautiful package to be more awesome as should be!
- LinkedIn: @hadriel-benjo
- GitHub: @hdriel