Class Muitils

Deprecated

Use the MuitilsConfigProvider context instead.

Description

A class that contains static methods for configuring the components, among other things.

Constructors

constructor

Properties

configure

Constructors

constructor

Properties

Staticconfigure

configure: ((value: DeepPartial<{
    Crumbs: {
        navigation: undefined | {
            preferred: "anchor";
        } | {
            navigator: ((path: string) => void);
            preferred: "button";
        };
        props: Partial<CrumbsProps>;
        sx: SxSelectorRecord<SxConfig<{
            classes: readonly ["muitils_disabled_crumb"];
        }>> & MuiSxProps;
        transform: ConfigTransform;
    };
    Form: {
        props: Partial<FormProps<any>>;
        sx: SxSelectorRecord<SxConfig<{
            classes: readonly ["form_input_row", "submit_button"];
        }>> & MuiSxProps;
        transform: ConfigTransform;
    };
    Table: {
        props: Partial<TableProps>;
        sx: SxSelectorRecord<SxConfig<{
            classes: readonly ["table_container", "table", "table_head", "table_body", "table_row", "table_cell"];
        }>> & MuiSxProps;
        transform: ConfigTransform;
    };
}>) => void) = setConfig

Type declaration

    • (value): void

    • Parameters

      • value: DeepPartial<{
            Crumbs: {
                navigation: undefined | {
                    preferred: "anchor";
                } | {
                    navigator: ((path: string) => void);
                    preferred: "button";
                };
                props: Partial<CrumbsProps>;
                sx: SxSelectorRecord<SxConfig<{
                    classes: readonly ["muitils_disabled_crumb"];
                }>> & MuiSxProps;
                transform: ConfigTransform;
            };
            Form: {
                props: Partial<FormProps<any>>;
                sx: SxSelectorRecord<SxConfig<{
                    classes: readonly ["form_input_row", "submit_button"];
                }>> & MuiSxProps;
                transform: ConfigTransform;
            };
            Table: {
                props: Partial<TableProps>;
                sx: SxSelectorRecord<SxConfig<{
                    classes: readonly ["table_container", "table", "table_head", "table_body", "table_row", "table_cell"];
                }>> & MuiSxProps;
                transform: ConfigTransform;
            };
        }>

      Returns void

      Description

      Sets the configuration

Description

Set configuration for the components

Example

import {ThemeProvider, createTheme} from '@mui/material'
import Muitils from 'muitils'

const theme = createTheme()

Muitils.configure({
  Form: {
    sx: {
      classes: {
        'form_input_row': {
          color: 'red'
        }
      }
    },
    transform: (component) => (
     <ThemeProvider theme={theme}>
        {component}
      </ThemeProvider>
    ),
    props: {
      className: 'test'
    }
  }
})

Settings

Member Visibility

On This Page

Constructors
Properties