Skip to main content

PageDetailLayout

@vendure/admin-uiSource

A responsive container for detail views with a main content area and an optional sidebar.

Example

Ts
import { PageDetailLayout } from '@vendure/admin-ui/react';export function MyComponent() {  return (    <PageDetailLayout sidebar={<div>Sidebar content</div>}>      <div>Main content</div>    </PageDetailLayout>  );}
Signature
function PageDetailLayout(props: PropsWithChildren<{ sidebar?: ReactNode }>): void

Parameters

props

parameterPropsWithChildren<{ sidebar?: ReactNode }>
Was this chapter helpful?
Report Issue
Edited Feb 3, 2026·Edit this page