https://github.com/uedatakeyuki/vuetify-nav2
Navigation menu components for vuetify
https://github.com/uedatakeyuki/vuetify-nav2
Last synced: 2 months ago
JSON representation
Navigation menu components for vuetify
- Host: GitHub
- URL: https://github.com/uedatakeyuki/vuetify-nav2
- Owner: UedaTakeyuki
- Created: 2023-02-25T07:30:12.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-13T00:52:44.000Z (about 2 years ago)
- Last Synced: 2024-10-23T04:00:16.352Z (8 months ago)
- Language: Vue
- Size: 553 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Out-of-the-box Vuetify navigation menu component, with Toolbar, Navigation Drawers, Menus, and QR code
This Package is the successor of [vuetify-nav](https://github.com/UedaTakeyuki/vuetify-nav) for **Vue2 + Vuetify2**.
For **Vue3 + Vuetify3**, package is avallable at [vuetify-nav3](https://www.npmjs.com/package/vuetify-nav3).
## What is Vuetify-nav for?
For Providing **Toolbar** with **Navigation drawer** and **drop down menu** as follows:
### Toolbar
### Dropdown Menu
### Navigation Drawers
## Install
By npm
```bash:
npm install vuetify-nav
# or
yarn add vuetify-nav
```
Or CDN.
For more detail, refer [wiki](https://github.com/UedaTakeyuki/vuetify-nav2/wiki/Install).
## How to use
Just set ```` component to your ``App.vue`` file as follows:
```vue:
import {Navbar} from 'vuetify-nav2'
export default {
components: { Navbar},
data: () => ({
links: [
{ icon: 'home', text: 'Home', route: '/'},
{ icon: 'face', text: 'Account', route: '/account'},
{ icon: 'shop', text: 'Purchase', route: '/purchase'},
]
}),
};
```
for more detail refer [wiki](https://github.com/UedaTakeyuki/vuetify-nav/wiki/Users-Guide)
## Demo
Demo site is available at [here](https://vue-faui-user-fe-sample.uedasoft.com/).
## Q&A
Github [issues](https://github.com/UedaTakeyuki/vuetify-nav/issues) are available. Any questions, suggestions, request, and reports are welcome!
## Author
[Dr. Takeyuki UEDA](https://atelierueda.uedasoft.com/)
## Version
- vuetify-nav@2: for Vue2
- vuetify-nav@3: for Vue3
## History
- 1.0.0 2023.02.25 forked from vuetify-nav
- 1.1.0 2023.03.11 add svg to menu
- 1.2.0 2023.03.11 add qrExp props