Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
45 lines
1.0 KiB
JavaScript
45 lines
1.0 KiB
JavaScript
import Backdrop from '@mui/material/Backdrop';
|
|
import { Backdrop as MyBackdrop } from '@mui/material';
|
|
|
|
<Backdrop slots={{
|
|
transition: CustomTransition
|
|
}} />;
|
|
<MyBackdrop slots={{
|
|
transition: CustomTransition
|
|
}} />;
|
|
<Backdrop
|
|
slots={{
|
|
root: 'div',
|
|
transition: CustomTransition
|
|
}} />;
|
|
<MyBackdrop
|
|
slots={{
|
|
...outerSlots,
|
|
transition: CustomTransition
|
|
}} />;
|
|
<Backdrop
|
|
slots={{
|
|
root: 'div',
|
|
transition: SlotTransition,
|
|
}} />;
|
|
|
|
// should skip non MUI components
|
|
<NonMuiBackdrop TransitionComponent={CustomTransition} />;
|
|
|
|
<Backdrop slots={{
|
|
root: ComponentsRoot
|
|
}} slotProps={{ root: componentsRootProps }} />;
|
|
<MyBackdrop slotProps={{ root: slotsRootProps }} slots={{
|
|
root: ComponentsRoot
|
|
}} />;
|
|
<Backdrop slots={{ root: SlotsRoot }} slotProps={{ root: componentsRootProps }} />;
|
|
<MyBackdrop
|
|
slots={{ root: SlotsRoot }}
|
|
slotProps={{ root: {
|
|
...componentsRootProps,
|
|
...slotsRootProps
|
|
} }} />;
|
|
|
|
// should skip non MUI components
|
|
<NonMuiBackdrop components={{ Root: ComponentsRoot }} />;
|