ProComponentsNavigation

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
{}
{}
links
Link[]
[]
level
number
0
multiple
boolean
true
defaultOpen
boolean
undefined

NavigationLinks

A list of links displayed in the NavigationTree.

ColorModeAvatar

An Avatar with a different src for light and dark mode.