v-dropdown ·

A dropdown container for Vue3

If you are using vue 2.x version, please use v-dropdown 2.x version instead

Features

• Multiple drop-down bar triggering methods
• Built-in trigger button component for quick use
• When the position and size of the trigger and the drop-down bar content change, the drop-down bar content position is automatically adjusted to align - with the trigger
• Provide Dropdown status and tool functions for each slot
• Provide useDropdown tool function
• Flexible style customization method

Documentation and Examples

Documentation and examples please visit below sites

• github-pages

My repositories using v-dropdown

• v-selectpage
• v-selectmenu
• v-region
• v-suggest

Installation

1# npm
2npm i v-dropdown
3# yarn
4yarn add v-dropdown
5# pnpm
6pnpm add v-dropdown

Usage

1<template>
2  <Dropdown>
3    <template #trigger>
4      <DropdownTrigger />
5    </template>
6
7    <DropdownContent>
8      <div>some contents</div>
9    </DropdownContent>
10  </Dropdown>
11</template>
12
13<script setup>
14import { Dropdown, DropdownContent, DropdownTrigger } from 'v-dropdown'
15</script>

License