Skip to main content

Page Header

<sl-page-header> | SlPageHeader
Since 2.0 experimental

Used to render a standard page header.

The page header component should be used in conjunction with the sl-page-content component.

For examples, see the documentation on the <sl-page-content> page.

Slots

Name Description
body Used for the page header body content.
heading Use this slot if your page heading needs to support HMTL.
tabs Use this slot if you want to use a tab-group in the header.

Learn more about using slots.

Properties

Name Description Reflects Type Default
heading The page heading. string ''
updateComplete A read-only promise that resolves when the component has finished updating.

Learn more about attributes and properties.

Parts

Name Description
base The component’s base wrapper.

Learn more about customizing CSS parts.