@vvdev/mui-theme

vvdev-theme

The reused Mui theme of the Volga-Volga company

📦 Installation

$ npm i vvdev-theme

$ yarn add vvdev-theme

🔨 Usage

import { FunctionComponent } from 'react';
import { deepmerge } from '@mui/utils';
import { themeVolgaVolga } from 'vvdev-theme';
import { createTheme, ThemeProvider } from '@mui/material';

const theme = createTheme(deepmerge(themeVolgaVolga, customTheme));

const MaterialThemeProvider: FunctionComponent = ({ children }) => {
  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
};

export default MaterialThemeProvider;

Learn more about the theme composition

🎨 Storybook

A Storybook is a UI development environment and documentation tool that allows developers to create, showcase, and test UI components in isolation. Its advantages include faster development, improved collaboration, better testing, enhanced documentation, and simplified maintenance. By using Storybook, developers can streamline their development process, improve code quality, and increase productivity.

Live demo

Development mode

$ yarn storybook:start

🤔 FAQ

How to add a new border radius?

declare module '@mui/material' {
  interface Shape {
    customBorderRadius: string;
  }
}