AdminLayout

AdminLayout(props): Element

Defined in: packages/react/src/components/AdminLayout.tsx:107

Admin panel layout shell.

Provides FrameworkComponentsContext (for VexLink/VexImage) and SidebarProvider (for the collapsible sidebar), renders AppSidebar on the left, and places view content in a SidebarInset main area on the right. A SidebarTrigger is rendered at the top of the content area for toggling.

Exported from @vexcms/react and used by NextAdminLayout in @vexcms/next. The consuming framework adapter (e.g. NextAdminLayout) is responsible for providing a nuqs adapter before rendering this component.

Parameters

props

AdminLayoutProps

Layout props

Returns

Element

{children}

Example

<AdminLayout
  config={vexConfig}
  activeSlug="posts"
  components={{ Link: NextLink, Image: NextImage }}
>
  <CollectionListView collection={postsCollection} />
</AdminLayout>