Appearance
Header Element
Provides a responsive container for the native HTML header element
Usage
Basic Usage
The <page-header> element itself does not provide any content of its own. Instead, it acts as a sticky, responsive container wrapping your supplied content in a native <header> element.
html
<body>
<page-header>PortfoLitO</page-header>
<page-main>
<!-- Your Content -->
</page-main>
</body>CSS Variables
| Name | Description | Type | Default |
|---|---|---|---|
--header-bgColor | Background color of the header element | color |
|
Slots
| Name | Description | Type |
|---|---|---|
| none | Contents of the page header | * |