Перейти к контенту

BackdropUnstyled API

API documentation for the React BackdropUnstyled component. Learn about the available props, and the CSS API.

Import

import BackdropUnstyled from '@material-ui/unstyled/BackdropUnstyled';
// или
import { BackdropUnstyled } from '@material-ui/unstyled';
You can learn about the difference by reading this guide on minimizing bundle size.

Props

ИмяТипПо-умолчаниюОписание
childrennodeThe content of the component.
classesobjectOverride or extend the styles applied to the component. See CSS API below for more details.
componentelementTypeThe component used for the root node. Either a string to use a HTML element or a component.
components{ Root?: elementType }{}The components used for each slot inside the Backdrop. Either a string to use a HTML element or a component.
componentsPropsobject{}The props used for each slot inside the Backdrop.
invisibleboolfalseIf true, the backdrop is invisible. It can be used when rendering a popover or a custom select component.

The ref is forwarded to the root element.
Any other props supplied will be provided to the root element (native element).

CSS

Rule nameGlobal classОписание
root.MuiBackdrop-rootStyles applied to the root element.
invisible.MuiBackdrop-invisibleStyles applied to the root element if invisible={true}.

You can override the style of the component using one of these customization options:

Demos