Components

Appbar

The best place to put your navigation.

Usage

<template>
  <NXW-Appbar />
</template>

Props

`absolute`

boolean

Default

false

`bottom`

boolean

Default

false

`color`

object

Default

{
  "bg": "bg-gray-200 dark:bg-zinc-900",
  "navigationIcon": "text-black dark:text-white",
  "navigationIconHover": "hover:text-primary-700 dark:hover:text-primary-300"
}

`elevateOnScroll`

boolean

Default

false

`extension`

boolean

Default

false

`fixed`

boolean

Default

false

`height`

string

Default

h-14

`navigationIcon`

boolean

object

Default

false

`scrollOffset`

number

`shrinkOnScroll`

boolean

Default

false

`sticky`

boolean

Default

false

`target`

string

Default

_self

`zIndex`

string

Default

z-10

Slots

`default`

The default slot is used to place the content of the appbar.

`navigation-icon` (slot)

Slot to provide a custom navigation icon.

Only relevant if navigationIcon-prop is set.

`extension` (slot)

Slot to provide content for the extension area.

Only relevant if extension-prop is set.

Overview

A list of all available components in NuxtWind.

Badge

Draw attention to important information.