Next-Dropdown
A lightweight dropdown plugin based on vanilla js
⭐️ Features
- Hybrid support - CommonJS and ESM modules
- IIFE bundle for direct browser support without bundler
- Typings bundle
- ESLint - scripts linter
- Stylelint - styles linter
- Prettier - formatter
- Jest - test framework
- Husky + lint-staged - pre-commit git hook set up for formatting
📦 Getting Started
git clone https://github.com/lyove/next-dropdown.git
npm install
💎 npm
import NextDropdown from "next-dropdown";
const target = document.querySelector('.dropdown-trigger');
const content = document.createElement('div');
content.innerHTML = 'dropdown content';
new NextDropdown(target, content, {
direction: "bottom-middle",
onOpen: function () {
console.log("is open");
},
onClose: function () {
console.log("is now closed");
}
});
🚀 cdn
<link rel="stylesheet" href="https://unpkg.com/next-dropdown@latest/dist/style.css">
<script src="https://unpkg.com/next-dropdown@latest/dist/next-dropdown.umd.js"></script>
const NextDropdown = window.NextDropdown;
const dropdown = new NextDropdown(trigger, content, options);
...
✅ About
- Next-Dropdown - Next-Dropdown