Studiov0.6.0

Container

Tier 1shadcn
Layout

A max-width wrapper that centers page content with consistent horizontal padding.

Live Preview

Container wraps this content

Code

import { Container } from "@regen/ui";

<Container />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • Wrap page sections to constrain content width
  • Ensure consistent gutter on all breakpoints

Do

  • Use for every top-level page section
  • Combine with Stack for vertical rhythm

Don't

  • Don't nest Containers inside Containers
  • Don't use for full-bleed sections