Navigator

Version: 0.0.178
Created: 12/13/2024
Updated: 07/15/2025
A menu container that controls the styling and behavior of all nested links. Links can be nested infinitely to create multi-level menus.
Drop Link here!

Installation guide for external usage

Note: Components is also available in Vue Play Studio via drag-and-drop.

Install using npm

npm install https://manager.vueplay.io/navigator@latest

Install using npm from Vue Play registry

Token required for private and paid components

# .npmrc
@vueplayio:registry=https://manager.vueplay.io/
//manager.vueplay.io/:_authToken=token

then

npm install @vueplayio/navigator

Clone using git

(Login to see access token)

git -c http.extraHeader="authorization-x: Bearer token" clone https://git.vueplay.io/git/ba3219e0-3c54-4440-ba3c-13d28ae0684b

Embed using CDN

<!doctype html>
<html>
 <head>
   <script type="importmap">
     {
       "imports": {
         "vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.prod.js"
       }
     }
   </script>
   <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
   <script type="module">
     import { createApp } from 'vue'
     import App from 'https://manager.vueplay.io/navigator@0.0.178/esm'
     createApp(App).mount('#app')
   </script>
 </head>
 <body>
   <div id="app"></div>
 </body>
</html>

Share on social media