Components

SidebarLayout

A fixed-header, scroll-body, fixed-footer sidebar shell

<SidebarLayout header={<Header />} footer={<Footer />}>
  <Navigation />
</SidebarLayout>

Sheet

Use for side panels, drawers, and longer contextual editing flows

Skeleton

Use for loading placeholders while content is still pending