vuetify-nav

3.0.7 • Public • Published

Out-of-the-box Vuetify navigation menu component, with Toolbar, Navigation Drawers, Menus, and QR code

Provide Toolbar with Navigation drawer and drop down menu as follows:

Toolbar

Dropdown Menu

Navigation Drawers

Install

npm install vuetify-nav 

# or

yarn add vuetify-nav 

How to use

Just set <Navbar/> component to your App.vue file as follows:

<template>
  <v-app>
    <Navbar titleStr="Demo App" :links="links" />
  </v-app>
</template>

<script>
import {Navbar} from 'vuetify-nav'
export default {
  components: { Navbar},
  data: () => ({
    links: [
      { icon: 'home', text: 'Home', route: '/'},
      { icon: 'face', text: 'Account', route: '/account'},
      { icon: 'shop', text: 'Purchase', route: '/purchase'},
    ]
  }),
};
</script>

for more detail refer wiki

Demo

Demo site is available at here.

Q&A

Github issues are available. Any questions, suggestions, request, and reports are welcome!

Author

Dr. Takeyuki UEDA

History

  • 1.0.0 2021.05.25 first version.
  • 1.0.19 2021.06.07 fix: for node_module
  • 1.1.1 2021.06.23 decrease package size
  • 1.2.1 2021.07.13 change to v-app-bar from v-tool-bar
  • 2.0.1 2022.12.20 for Vue2
  • 3.0.1 2022.12.20 for Vue3

Readme

Keywords

none

Package Sidebar

Install

npm i vuetify-nav

Weekly Downloads

6

Version

3.0.7

License

none

Unpacked Size

292 kB

Total Files

14

Last publish

Collaborators

  • uedatakeyuki