IMGArena-MUI-UI-THEME

Package with custom hook for MUI Theme Provider with predefined styles in MUI Palette for IMGArena front-end teams.

How to use

To install a package simply run:

npm i @img-arena/img-ui-mui-theme
// or
yarn add @img-arena/img-ui-mui-theme

For the components to work correctly it is crutial that the part of the app using them is wrapped in provider. (example for index.tsx in CRA). Also for the styles to work correctly import them at the root level (for CRA it's index.tsx file)

/* ... other imports */
import { ThemeProvider } from "@mui/material";
import { useImgTheme } from "@img-arena/img-ui-mui-theme";

function App() {
  const { imgTheme } = useImgTheme({});

  return <ThemeProvider theme={imgTheme}>yours layout</ThemeProvider>;
}

export default App;

Local development

To get started you have to run those two commands in separate terminals, but before that you have to install all dependencies.

To install dependencies run:

npm install npm-link-shared -g // skip this step if you have this already installed (to be deprecated)
npm run prestart

Building a package and watching for changes:

npm run build:watch

Starting a preview development server:

npm run dev:example