Function createSx

  • createSx<Config>(configuration?): Sx<SxConfig<Config>>

  • Type Parameters

    • Config extends Partial<SxConfig<object>>

    Parameters

    Returns Sx<SxConfig<Config>>

    Description

    Creates a Sx function with extensions

    Importing

    import {createSx} from 'muitils'
    // or
    import {createSx} from 'muitils/sx'



    Example

    const sx = createSx({
     classes: ['section','container'] as const,
     definitions:{
       w100: {width:'100%'},
       h100: {height:'100%'}
     } as const,
    });

    const boxSx = sx({
       ...sx.def('w100','h100'),
       [sx.$('& .section')]: {
         p: 2
       }
    })

    const box = <Box sx={boxSx} />

Settings

Member Visibility