Container
The container centers your content horizontally. It's the most basic layout element.
While containers can be nested, most layouts do not require a nested container.
Fluid
A fluid container width is bounded by the maxWidth
prop value.
<Container maxWidth="sm">
Fixed
If you prefer to design for a fixed set of sizes instead of trying to accommodate a fully fluid viewport, you can set the fixed
prop.
The max-width matches the min-width of the current breakpoint.
<Container fixed>
Experimental APIs
Page Container
The PageContainer component in @toolpad/core
is the ideal wrapper for the content of your dashboard. It makes the Material UI Container navigation aware and extends it with page title, breadcrumbs, actions, and more.
Orders
API
See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.