Navigation menu - Pharen

Mit Navigation menu kannst du eine Aktion oder Navigation aufzubauen. Diese Seite dokumentiert alle Vue-Komponenten, die das Modul öffentlich exportiert.

Installiere das Paket und importiere die Styles einmalig. Die vollständigen Schritte findest du unter Installation.

Import

import { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport } from '@pharen/ui';

Beispiel

<script setup lang="ts">
import { NavigationMenu, NavigationMenuTrigger, NavigationMenuContent } from '@pharen/ui';
</script>

<template>
  <NavigationMenu>
    <NavigationMenuTrigger>Open navigation menu</NavigationMenuTrigger>
    <NavigationMenuContent>Navigation menu content</NavigationMenuContent>
  </NavigationMenu>
</template>

Exporte

Export	Aufgabe
`NavigationMenu`	Exportierte Vue-Komponente dieses Moduls.
`NavigationMenuContent`	Enthält den sichtbaren Inhalt.
`NavigationMenuIndicator`	Exportierte Vue-Komponente dieses Moduls.
`NavigationMenuItem`	Stellt ein einzelnes Element dar.
`NavigationMenuLink`	Exportierte Vue-Komponente dieses Moduls.
`NavigationMenuList`	Exportierte Vue-Komponente dieses Moduls.
`NavigationMenuTrigger`	Öffnet oder aktiviert die Komponente.
`NavigationMenuViewport`	Exportierte Vue-Komponente dieses Moduls.

Quellcode

Quellcode auf GitHub öffnen