🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

The Selecty library lets you create nice-looking, material design inspired select dropdown box in jQuery or vanilla JavaScript.

Select Material-Design

Documentation

Selecty npm

A simple, light and pretty pure javascript for developing <select> with customized style which is following Google's Material Design guidelines. Obviously, no need other library.

Usage

1. Download Code

you can install selecty with npm

npm install selecty

or with bower

bower install selecty

or download the package manually

2. Include

include JavaScript and CSS files in your HTML

<script src="dist/selecty.min.js"></script> <link rel="stylesheet" type="text/css" href="dist/selecty.min.css">

3. Use

pure javascript

var a = new selecty('#id');

or

var a = new selecty(document.getElementById('ID'));

jQuery

$('#ID').selecty(options);

Examples

you can run example local with gulp if node has been installed:

cd selecty npm install gulp

or test it on jsfiddle

Options

name type default description
separator string ', ' separate the selected options with this separator if <select> is multiple

Browser support

Selecty is tested and works in:

  • IE8+
  • Latest Stable: Firefox, Chrome, Safari, Edge
  • Android 4.0 and Latest
  • iOS7 and Latest

Contributing

If you have good ideas or suggestions, please issue or pull request

License

Selecty is licensed under MIT


You May Also Like