HomeVendure CoreShow hidden breadcrumbs...React ComponentsPageDetailLayoutOn this pagePageDetailLayout@vendure/admin-uiSource A responsive container for detail views with a main content area and an optional sidebar. Example Tsimport { PageDetailLayout } from '@vendure/admin-ui/react';export function MyComponent() { return ( <PageDetailLayout sidebar={<div>Sidebar content</div>}> <div>Main content</div> </PageDetailLayout> );} Signaturefunction PageDetailLayout(props: PropsWithChildren<{ sidebar?: ReactNode }>): void Parameters props parameterPropsWithChildren<{ sidebar?: ReactNode }>Was this chapter helpful?It was helpfulIt wasn't helpfulReport IssuePreviousPageBlockNextRichTextEditorEdited Feb 23, 2026ยทEdit this page