A dropdown layer container component for vue3


Keywords
javascript, vue, web, front-end, dropdown, popup, container
License
MIT
Install
npm install v-dropdown@3.4.0

Documentation

v-dropdown · test codecov npm version npm downloads JavaScript Style Guide

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

My repositories using v-dropdown

Installation

https://nodei.co/npm/v-dropdown.png?downloads=true&downloadRank=true&stars=true

# npm
npm i v-dropdown
# yarn
yarn add v-dropdown
# pnpm
pnpm add v-dropdown

Usage

<template>
  <Dropdown>
    <template #trigger>
      <DropdownTrigger />
    </template>

    <DropdownContent>
      <div>some contents</div>
    </DropdownContent>
  </Dropdown>
</template>

<script setup>
import { Dropdown, DropdownContent, DropdownTrigger } from 'v-dropdown'
</script>

License

license