Component

PageBody

Centred content wrapper with responsive padding and configurable max-width.

Size variants

live editor — edit to update preview
<div className="space-y-3">
  {["sm", "md", "lg", "xl", "2xl"].map((size) => (
    <PageBody key={size} size={size} className="border border-dashed border-border rounded-lg py-4">
      <p className="text-xs text-muted text-center">size="{size}"</p>
    </PageBody>
  ))}
</div>

Props

PropTypeDefaultDescription
size"sm" | "md" | "lg" | "xl" | "2xl""xl"Controls the max-width of the content column.
classNamestring—Additional classes on the wrapper.
children*ReactNode—Page content.