Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

what does container prop do in the Drawer component in material-ui

I am reading the official document of material-ui's Drawer component, and I found a container prop and I do not have an idea where it comes from. It is not mentioned in its API documentation. Is this one of the built-in react component's props?

Below is a screenshot of the responsive drawer component from material-ui: https://material-ui.com/components/drawers/#responsive-drawer

enter image description here

like image 660
suyuan xu Avatar asked Oct 24 '25 09:10

suyuan xu


1 Answers

That prop is coming from the Modal props because Drawer includes props from Modal when variant="temporary".

container - HTML element | func

An HTML element or function that returns one. The container will have the portal children appended to it. By default, it uses the body of the top-level document object, so it's simply document.

Modal Props: https://material-ui.com/api/modal/

Please check here https://github.com/mui-org/material-ui/blob/5cc1d0fc8756534f181d55af02a5a0d65b486603/packages/material-ui/src/Drawer/Drawer.d.ts#L11

like image 107
Nisharg Shah Avatar answered Oct 26 '25 22:10

Nisharg Shah