Vue - Navigation Tree Select

• Usage
• Visual results
  • Vuetify
  • Shoelace
• Props

This component provides a way for the user to select a specific location from the navigation tree of the current wiki.

• sources: https://github.com/xwiki-contrib/cristal/blob/main/core/navigation-tree/navigation-tree-ui/src/vue/NavigationTreeSelect.vue
• since: 1.0.0-rc-1

Usage

<script lang="ts" setup">
import { NavigationTreeSelect } from "@xwiki/cristal-navigation-tree-ui";
import { ref } from "vue";
import type { Ref } from "vue";

const location: Ref<SpaceReference | undefined> = ref(undefined);
</script>

<template>
  <navigation-tree-select
    v-model="location"
    label="Label"
    help="Help message"
  ></navigation-tree-select>
</template>

Visual results

Vuetify

Shoelace

Props