Headers

All headers are adaptive.

SimpleHeader

Simple sticky header

MantineSimpleHeader

Simple sticky header in Mantine UI style

MantineLayeredHeader

Layered sticky header in Mantine UI style

SlidingHeader

Can contain two different headers, the second one appears after the user scrolls down the page

<AppHeader :threshold-hide="200" :threshold-open="400">
    <template #first-header>
        <AppHeaderFirst />
    </template>

    <template #second-header>
        <AppHeaderSecond />
    </template>
<AppHeader>