PageContainer

PageContainer(props): Element

Defined in: packages/ui/src/components/page-container.tsx:36

Page wrapper providing a title, breadcrumb trail, tab navigation, and an action toolbar.

Renders via the UI plugin’s pageContainer and breadcrumb slots. Used internally by ListView and DetailView, but also useful as a standalone page shell for custom pages.

Parameters

props

PageContainerProps

See PageContainerProps.

Returns

Element

Example

<PageContainer
  title="Edit Post"
  breadcrumb={[
    { label: "Posts", to: "/posts" },
    { label: post.title },
  ]}
  actions={<ActionButton action={deletePost} input={{ postId }} />}
>
  ...
</PageContainer>