Container

Centered, max-width layout component

Container variants can be defined in the

theme.layout

object. The Container component uses

theme.layout.container

as its default variant style.

Container text

({ bg, p }) => (
  <Container sx={{ bg, p }}>Container text</Container>
)

	Name	Description	Default
SpaceProps (1 properties)

	p	Padding on top, left, bottom and right ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>	-
BackgroundColorProps (1 properties)

Container text

Container text

320px

Container text

375px

Container text

768px

Container text

1024px