vuetify-nav

    1.2.1 • 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

    Install

    npm i vuetify-nav

    DownloadsWeekly Downloads

    3

    Version

    1.2.1

    License

    MIT

    Unpacked Size

    5.57 kB

    Total Files

    7

    Last publish

    Collaborators

    • uedatakeyuki