Skip to main content

PageDetailLayout

PageDetailLayout​

@vendure/admin-uiPageDetailLayout.tsx

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>
  );
}
Signature
function PageDetailLayout(props: PropsWithChildren<{ sidebar?: ReactNode }>): void

Parameters

props​

parameter
PropsWithChildren<{ sidebar?: ReactNode }>