Page Header
<sl-page-header> | SlPageHeader
The page header is a top-anchored component that sits under the application header, it establishes the context of the screen and allows the user to understand where they are.
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. |
breadcrumbs
|
Use this slot if breadcrumbs are required in the page header. |
tabs
|
Use this slot if tabs are required in the page 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.