Skip to content
Layouts

Page Layout

Page-level layout patterns for composing headers, bodies, and tabbed content. These organisms sit inside AppShellMain and provide consistent page structure.

PageHeader with Breadcrumb and Actions

Settings

Manage your account preferences.

PageBody content goes here.

Page with Tabs

Project

Overview tab content goes here.

PageHeader Props

PropTypeDefaultDescription
classNamestringAdditional CSS classes to apply to the page header.

PageBody Props

PropTypeDefaultDescription
fullWidthbooleanfalseSkip the max-width Center wrapper when true.
padding"default" | "none""default"Use "none" to remove default padding.