1.0.2 • Published 3 years ago
reusable-dropdown v1.0.2
Reusable dropdown widget
JS package to create multiple dropdowns on the page customized according to the parameters passed to the makeDropdown function.
Parameters are:
- btnId - button id
- itemsId - items id
- height - suitable height according to the no. of items required in the dropdown
Features:
- DOM manipulation
- CSS transition
- CSS variables
How to Install
npm install reusable-dropdown
How to Use
Step 1- Copy HTML template given in the package and modify it as per your needs.
Step 2- Import
import { makeDropdown } from 'reusable-dropdown';
step 3- call function
// according to html template
makeDropdown(button_id, items_id, height);
// creates a clickable hamburger button- here, hambuger(button) is button_id, hamItems(menu items) is items_id, 150(150px) is customizable height according to no. of menu items
makeDropdown('hamburger', 'hamItems', 150);