Container

Max-width wrapper with responsive horizontal padding. Centers content and constrains it to a readable width at each breakpoint.

Max Width Variants

Preview
sm
md
lg
xl (default)
2xl
full

Props

PropTypeDefaultDescription
maxWidth"sm" | "md" | "lg" | "xl" | "2xl" | "full""xl"Maximum width constraint for the container.
classNamestring-Additional CSS classes.

Accessibility

  • Renders a semantic <div> element
  • Supports ref forwarding for DOM access
  • Passes through all standard HTML attributes including aria-* and role