Header Page

Header used for the title of a page.

Header Page

Subtitle

Usage

The HeaderPage component can be passed an optional title and subtitle parameter to display a pre-styled title and subtitle. By omitting the title parameter customized content can be passed to the component via <slot />.

Default Usage

<HeaderPage title="Header Page" subtitle="Subtitle" />

Custom Content

<HeaderPage>
  <div>
    <h1 class="text-2xl font-bold text-blue-600">Custom Title</h1>
    <p class="text-sm italic">Custom Subtitle</p>
  </div>
</HeaderPage>