Container

Usage

The default maxWidth is 8xl which maps to 90rem (1440px).

import { Container } from "@chakra-ui/react"

<Container>
  <div />
</Container>

Examples

Sizes

Use the maxWidth prop to change the size of the container.

Fluid

Use the fluid prop to make the container stretch to fill the width of its parent.

Props