1.0.1 • Published 10 months ago
styled-dropdown v1.0.1
Styled Dropdown
Styled Dropdown is a user-friendly, pre-styled dropdown component for your web applications. It injects styles directly into the DOM, eliminating the need to import any separate CSS files.
Features
- Easy to install and use.
- Pre-styled, no need to import styles separately.
- Pure JavaScript, no dependencies.
Installation
Install styled-dropdown
via npm:
npm install styled-dropdown
Usage
To use the styled-dropdown component in your project, follow the example below:
- add div with dropdown id to your html page
<div id="dropdown"></div>
- import styledDropdown into your Javascript code
import styledDropdown from 'styledDropdown';
- and the code below
createStyledDropdown("dropdown", [
{ href: "#", label: "Link 1" },
{ href: "#", label: "Link 2" },
{ href: "#", label: "Link 3" },
]);
In this example:
'dropdown' is the id of the HTML element where the dropdown menu will be rendered.
The array provides the options for the dropdown menu. Each option is an object with two properties: href and label. href is the link to be used when this option is selected. label is the text to be displayed for this option in the dropdown menu.