https://github.com/robdel12/dropkick

A JavaScript plugin for creating beautiful, accessible, and painless custom dropdowns.
https://github.com/robdel12/dropkick

dropkick javascript select

Last synced: about 1 month ago
JSON representation

A JavaScript plugin for creating beautiful, accessible, and painless custom dropdowns.

• Host: GitHub
• URL: https://github.com/robdel12/dropkick
• Owner: Robdel12
• License: mit
• Created: 2011-07-02T03:28:48.000Z (over 14 years ago)
• Default Branch: master
• Last Pushed: 2023-01-27T10:23:59.000Z (almost 3 years ago)
• Last Synced: 2025-04-04T23:03:18.296Z (10 months ago)
• Topics: dropkick, javascript, select
• Language: JavaScript
• Homepage: http://dropkickjs.com
• Size: 8.19 MB
• Stars: 1,918
• Watchers: 49
• Forks: 326
• Open Issues: 27
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
# DropKick.js [![CircleCI](https://circleci.com/gh/Robdel12/DropKick/tree/master.svg?style=svg)](https://circleci.com/gh/Robdel12/DropKick/tree/master)

# Quick start

### Basic Usage

- Download the latest stable version from the releases / tags section

- Insert the JS onto the page

- Put the stylesheet where you would like

- Add an ID or class to the select(s) you would like to DropKick

If you're using jQuery:

- `$("#ID").dropkick( options );`

Pure JS:

- Call `new Dropkick( HTMLSelectELement, Options );` or `new Dropkick( "ID", Options );` in your script

## npm Install

You can install DropKick.js using npm:

`npm install dropkickjs --save-dev`

## Documentation

See [Dropkickjs.com](http://dropkickjs.com) for full docs.

## Browserstack Testing [![BrowserStack Status](https://www.browserstack.com/automate/badge.svg?badge_key=RnlldmErREpQM092WDc2Tzl5bEVGVFVFV1l4UFdYbWM4WWJadDV1dUNwTT0tLWdXWDBQSERtb0kxTGozVzBjZVBaRWc9PQ==--bd38dd39be257847e3c43c5064c1f01059d782b9%)](https://www.browserstack.com/automate/public-build/RnlldmErREpQM092WDc2Tzl5bEVGVFVFV1l4UFdYbWM4WWJadDV1dUNwTT0tLWdXWDBQSERtb0kxTGozVzBjZVBaRWc9PQ==--bd38dd39be257847e3c43c5064c1f01059d782b9%)

Cross browser testing is provided

by [BrowserStack](https://www.browserstack.com)! They have generously

provided automated testing for us.

## Building the docs

Run `yarn docs` and it will build the docs from source.

## WordPress Plugin

DropKick WordPress Plugin By [Mahfuzul Hasan](http://www.mahfuzulhasan.com/)

https://wordpress.org/plugins/wp-dropkick/

Suggestions or Bugs?

====================

Search for bugs ruthlessly and call any vermin to our attention!

## Authors

[Wil Wilsman](http://wilwilsman.com) [@wilwilsman](http://twitter.com/wilwilsman)

[Robert DeLuca](http://robert-deluca.com) [@robdel12](http://twitter.com/robdel12)