Components
Appbar
The best place to put your navigation.
Usage
<template>
<NXW-Appbar navigation-icon>
<template #extension>This is the extension slot</template>
</NXW-Appbar>
</template>
Props
absolute
boolean
Default
false
bottom
boolean
Default
false
color
object
Default
<template>
<NXW-Appbar
:color="{
bg: 'bg-gray-200 dark:bg-zinc-900',
navigationIcon: 'text-black dark:text-white',
navigationIconHover: 'hover:text-primary-700 dark:hover:text-primary-300',
}"
/>
</template>
elevate-on-scroll
boolean
Default
false
extension
boolean
Default
false
absolute
boolean
Default
false
height
string
Default
h-14
navigation-icon
boolean
|
object
Default
false
navigation-icon
number
|
undefined
Default
undefined
shrink-on-scroll
boolean
Default
false
sticky
boolean
Default
false
z-index
string
Default
z-10