MUI Chameleon
Installation
MUI Chameleon is available as an npm package.
// with npm
npm install mui-chameleon
// with yarn
yarn add mui-chameleonUsage
Here is a quick example to get you started, it's all you need:
import React from 'react';
import ReactDOM from 'react-dom';
import ThemeProvider from 'mui-chameleon/ThemeProvider';
import SideBarEditor from 'mui-chameleon/SideBarEditor';
// import { ThemeProvider, SideBarEditor } from 'mui-chameleon';
function App() {
const showEditor = true; // of course
return (
<ThemeProvider theme={yourInitialTheme}>
<CssBaseline />
{/* rest of the app */}
{showEditor && <SideBarEditor />}
</ThemeProvider>
);
}
ReactDOM.render(<App />, document.querySelector('#app'));Acknowledgments
- Logo Design by Zara Magumyan. See her Dribbble for more awesome designs.
- Some bundling Tools and scripts are used from MUI packages. This makes my job easier, faster and compatibility of this package better with MUI packages.
License
This project is licensed under the terms of the MIT license.