https://github.com/applelo/zoom-avant

A drilldown component for VueJS
https://github.com/applelo/zoom-avant

drilldown nuxt nuxt-module nuxtjs vue vue3 vuejs vuejs3

Last synced: 23 days ago
JSON representation

A drilldown component for VueJS

• Host: GitHub
• URL: https://github.com/applelo/zoom-avant
• Owner: Applelo
• License: gpl-3.0
• Created: 2022-10-14T17:47:14.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-11-18T17:42:52.000Z (about 2 years ago)
• Last Synced: 2023-03-10T16:47:48.124Z (over 1 year ago)
• Topics: drilldown, nuxt, nuxt-module, nuxtjs, vue, vue3, vuejs, vuejs3
• Language: TypeScript
• Homepage: https://applelo.github.io/zoom-avant/
• Size: 1.11 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![Version](https://img.shields.io/github/package-json/v/applelo/zoom-avant) ![node-current (scoped)](https://img.shields.io/node/v/@zoom-avant/vue)

# Zoom Avant

**Zoom Avant** (pronounced /zum a.vɑ̃/) is a drilldown component for VueJS 3.

> This module is not compatible with VueJS 2 and NuxtJS 2

👉 **[Demo](https://applelo.github.io/zoom-avant/demo.html)** 👈

## Features

- 🚀 Simple and efficient using modern API

- ✨ Customizable to meet every need

- 🖖 Accessible : respect W3C WAI Aria Menu pattern

## Install

For **VueJS 3**

```

npm i -D @zoom-avant/vue

# yarn

yarn add -D @zoom-avant/vue

# pnpm

pnpm add -D @zoom-avant/vue

```

For **Nuxt 3**

```

npm i -D @zoom-avant/nuxt

# yarn

yarn add -D @zoom-avant/nuxt

# pnpm

pnpm add -D @zoom-avant/nuxt

```

## Next

Read the **[documentation](https://applelo.github.io/zoom-avant/guide/)** 🤓

## Credits

- [Foundation Drilldown](https://get.foundation/sites/docs/drilldown-menu.html)

- [Aria Pattern Menu](https://www.w3.org/WAI/ARIA/apg/patterns/menu/)

- [Anu](https://github.com/jd-solanki/anu) and [Pinia](https://github.com/vuejs/pinia) packages for the inspiration