Skip to content

Header Element

Provides a responsive container for the native HTML header element

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.

PortfoLitO
html
<body>
  <page-header>PortfoLitO</page-header>
  <page-main>
    <!-- Your Content -->
  </page-main>
</body>

CSS Variables

NameDescriptionTypeDefault
--header-bgColorBackground color of the header element
  • color
  • inherit

Slots

NameDescriptionType
noneContents of the page header
  • *