# kbd-dropdown

> a pure javascript dropdown for styling select menus

Latest version **0.1.5** (published 2016-01-14) · 0 weekly downloads

## Install

```sh
npm install kbd-dropdown
pnpm add kbd-dropdown
yarn add kbd-dropdown
bun add kbd-dropdown
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.5 |
| Published | 2016-01-14 |
| First published | 2015-02-13 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Known vulnerabilities | 0 (+6 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | hunter b rose |
| Maintainers | thesublimeobject |
| Keywords | dropdown |

## Links

- npm: https://www.npmjs.com/package/kbd-dropdown
- Repository: https://github.com/thesublimeobject/dropdown
- Issues: https://github.com/thesublimeobject/dropdown/issues
- npm.io page: https://npm.io/package/kbd-dropdown

## Dependencies (3)

- [path](https://npm.io/package/path.md) ^0.12.7
- [lodash](https://npm.io/package/lodash.md) ^3.10.1
- [classie](https://npm.io/package/classie.md) ^0.1.0

## Recent versions

- 0.1.5 (latest) — 2016-01-14
- 0.1.4 — 2015-12-09
- 0.1.3 — 2015-10-15
- 0.1.2 — 2015-10-15
- 0.1.1 — 2015-10-15
- 0.1.0 — 2015-10-15
- 0.0.1 — 2015-02-13

## README

# KBD Modal
a pure javascript dropdown for styling select menus. orignally ported from codrops, but completely rewritten in plain javascript (coffeescript) with some changes and additions.

## Install
`npm install kbd-dropdown`

## Usage
```
menu = document.querySelectorAll 'select[id^="menu-"]'
d = new dropdown(menu)
d.init()
```

The HTML:

```
<div class="select-ctn">
	<select id="menu-sort-resources-type">
		<option value="type">Type</option>
		<option value="blog">Blog</option>
		<option value="webinars">Webinars</option>
		<option value="whitepapers">Whitepapers</option>
		<option value="ebooks">eBooks</option>
	</select>
</div>
```

To include the .scss file in your project, you can use something like the following structure:

```javascript
gulp         = require('gulp')
sass         = require('gulp-sass')
dropdown	 = require('kbd-dropdown').includePaths

gulp.task 'sass', ->
	return gulp.src('screen.scss')
		.pipe(sass
			includePaths: ['sass'].concat(dropdown)
		)
		.pipe(gulp.dest(config.dest))
```

---
_Source: https://npm.io/package/kbd-dropdown · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._