Container

Centered layout column container primitive capping max-width and enforcing responsive gutter padding.

// Plain markup
import { Container } from "@shavin/ui";

Constrained Reading Container

Centered container content with maximum width constraints.

<Container size="md">
  <div className="border border-hairline p-4 rounded-[var(--radius-panel)] bg-surface text-sm text-fg">
    Centered container content with maximum width constraints.
  </div>
</Container>

Props

Prop	Type	Default
as	ElementType	—
translucent	boolean	—
size	"sm" \| "md" \| "lg" \| "full"	"md"