Adding dropDown to your navbar or other HTML elements is quite commonplace in today's modern web. This npm package was created with the hope to have a simple solution to adding as many dropdowns as needed to your webpage's DOM.
List of features
User provides the id of the DOM element that the dropDown will be added to
User provides the background color for the dropDown
User provides the font color for the dropDown
User provides an array of href and textContent that will be added to the dropDown
Download & Installation
```shell
$ npm i dynamic-dropdown-cssstyled
```
Usage example
```html
```
```js
// src/index.js
import addDropDown from "dynamic-dropdown-cssstyled";
addDropDown(
elementToAddID, // ID of HTML element to add dropDown to
backgroundColor, // Color for dropDown background
fontColor, // Color for dropDown text
contentToAdd // Array of objects containing link for href as well as textContent for anchor tag
)
addDropDown("addDropDown", "#c8c6c6", "#4b6587", [
{
link: "http://www.google.com/",
text: "Google",
},
{
link: "https://github.com/Ishmam156",
text: "My GitHub",
},
]);
addDropDown("addAnotherDropDown", "pink", "purple", [
{
link: "http://www.google.com/",
text: "Google",
},
]);
```
If you have any feedback, please reach out to me in GitHub.
---
_Source: https://npm.io/package/dynamic-dropdown-cssstyled · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._