Skip to content

Headers

Все хедеры адаптивны.

SimpleHeader

image

Простой sticky header

MantineSimpleHeader

image

Простой sticky header в стиле Mantine UI

MantineLayeredHeader

image

sticky header с уровнями в стиле Mantine UI

SlidingHeader

image

Может содержать два разных header-а, второй появляется после того, как пользователь проскроллит страницу вниз

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

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