Studiov0.6.0

Container

Tier 1 — shadcn
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