page-detail-layout.md

title	isDefaultIndex	generated
PageDetailLayout	false	true

import MemberInfo from '@site/src/components/MemberInfo'; import GenerationInfo from '@site/src/components/GenerationInfo'; import MemberDescription from '@site/src/components/MemberDescription';

PageDetailLayout

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

Example

import { PageDetailLayout } from '@vendure/admin-ui/react';

export function MyComponent() {
  return (
    <PageDetailLayout sidebar={<div>Sidebar content</div>}>
      <div>Main content</div>
    </PageDetailLayout>
  );
}

function PageDetailLayout(props: PropsWithChildren<{ sidebar?: ReactNode }>): void

Parameters

props

<MemberInfo kind="parameter" type={PropsWithChildren<{ sidebar?: ReactNode }>} />