NavigationAccordion

AccordionGitHub

A pre-styled Accordion displayed in the NavigationTree.

This component is used internally by the NavigationTree, it's unlikely you'll need to use it directly.

Usage

<script setup>
const links = [{
  label: 'Guide',
  children: [{
    label: 'Setup',
    to: '/pro/guide'
  }, {
    label: 'Usage',
    to: '/pro/guide/usage'
  }, {
    label: 'Content',
    to: '/pro/guide/usage'
  }]
}]
</script>

<template>
  <UNavigationAccordion :links="links" />
</template>

Props

ui
any
{}
defaultOpen
number | boolean
undefined
links
NavigationTree[]
[]
level
number
0
multiple
boolean
true

NavigationLinks

A list of links displayed in the NavigationTree.

AuthForm

A customizable Form to create login, register or password reset forms.