Container

Constrains content width to the current breakpoint's max width while keeping it fluid.

Usage

The Container component centers content and constrains its maximum width to the current breakpoint—fluid below that size. Use it to wrap pages or sections so content doesn’t stretch edge to edge on wide screens.

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

<Container>
  {...content}
</Container>

Sizes

Control the container’s max width with the size prop.

Fluid

Enable the fluid prop to make the container fill its parent's width.