Skip to main content

PageHeader

import { PageHeader } from '@enmovil/ui-design-system';

The title row at the top of a page, with an optional subtitle, a back link and action buttons. The title can include inline content such as badges or icons.

Properties​

PropertyTypeRequiredDefaultAllowed valuesDescription
classNamestringNo——Extra CSS class added to the header's outer element.
titleReactNodeYes——Page title — accepts ReactNode so you can include badges/icons inline.
subtitleReactNodeNo——Secondary text shown below the title. Nothing is shown when it is absent.
backReactNodeNo——Back-link slot (e.g. <a href="/projects">← Back to Projects</a>)
actionsReactNodeNo——Right-side action buttons
Other attributes

PageHeader passes 273 further attributes through to the underlying element. They aren't part of the supported API and may change between releases, so use only the properties listed on this page.

Events​

This component has no events.

Children​

PageHeader does not accept children.