DropKick - GitLite

KO | EN

gitlite — search

#hacktoberfest #react #typescript #android #machine-learning #deep-learning #linux #java #cli #kubernetes #awesome-list #vue #ios #openai

DropKick

(★ 1,900)

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

File Explorer

Download Latest Version (.zip)

- config.yml
- ISSUE_TEMPLATE.md
- dropkick.css
- dropkick.js
- example.css
- index.html
- - dropkick.scss
- defaults.js
- dropkick.js
- index.html
- utils.js
- - browserstack-browsers.json
  - utils.js
- cache-test.js
- dropkick-iframe-test.js
- dropkick-test.js
- jquery-test.js
- mobile-test.js
.gitignore
.nvmrc
API-docs.md
CHANGELOG.md
CNAME
CODE_OF_CONDUCT.md
CONTRIBUTING.md
karma.conf.js
LICENSE
package.json
README.md
webpack.config.js
webpack.css.js
yarn.lock

🚀 Installation Guide

1. Get the code

git clone https://github.com/Robdel12/DropKick

Downloads the entire project code from GitHub to your computer.

cd DropKick

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm install

Downloads and installs the libraries listed in package.json.

npm start

Starts the development/run server.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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)