Header Element
Provides a responsive container for the native HTML header element
PortfoLitO
Usage
The <page-header />
element wraps the native HTML <header />
element, and is intended to be the first child of the <body />
element of a page. It acts as a sticky, responsive container for your supplied content, and does not provide any content of its own.
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 |
|
|
Slots
Name | Description | Type |
---|---|---|
none | Contents of the page header |
|