Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/marcus-herrmann/vue-menu-button
Accessible menu button component for Vue 2, following WAI-ARIA 1.1 authoring practices
https://github.com/marcus-herrmann/vue-menu-button
Last synced: 3 months ago
JSON representation
Accessible menu button component for Vue 2, following WAI-ARIA 1.1 authoring practices
- Host: GitHub
- URL: https://github.com/marcus-herrmann/vue-menu-button
- Owner: marcus-herrmann
- License: mit
- Created: 2019-01-27T17:11:49.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2019-01-31T15:45:21.000Z (over 5 years ago)
- Last Synced: 2024-03-19T22:04:32.613Z (3 months ago)
- Language: Vue
- Homepage:
- Size: 24.4 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Lists
- awesome-access - vue-menu-button - Accessible menu button component for Vue 2, following WAI-ARIA 1.1 authoring practices. (Components and plugins / Courses)
README
# Vue Menu Button (Work in Progress)
Accessible menu button
![Short animation showing the component](https://media.giphy.com/media/2kLXAWlfgu5YwHcIG5/giphy.gif)[**DEMO**](https://codesandbox.io/s/zqv3170qlp)
## Installation:
```bash
npm install vue-menu-button --save
```## Usage
```js
import { MenuWrapper, MenuItem, MenuLink } from "vue-menu-button";
``````xml
Click Me
A link
Another link
A menu item
Another menu item
```
### Background
* Why I built this component: https://marcus.io/blog/a11y-app-menu-button
* Short tutorial from W3C: https://www.w3.org/WAI/tutorials/menus/application-menus/