PageHeader

PageHeader is the title row of a dashboard page. It pairs a heading and description with an action slot, and can place a mark beside the title.

import { PageHeader } from '@lobehub/ui/dashboard';

Layout

Default

Loading preview

PageHeader properties

action: null | string | number | bigint | false | true | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<AwaitedReactNode>
Actions at the end of the header. Falls back to `children`.
children: null | string | number | bigint | false | true | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<AwaitedReactNode>
description: null | string | number | bigint | false | true | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<AwaitedReactNode>
mark: null | string | number | bigint | false | true | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<AwaitedReactNode>
Mark beside the title, such as an avatar.
titleRequired: ReactNode