65 lines
1.6 KiB
Markdown
65 lines
1.6 KiB
Markdown
# Slim Select
|
|
## slimselectjs.com
|
|
Slim advanced select dropdown
|
|
|
|
[](https://travis-ci.org/brianvoe/slim-select)
|
|
[](https://www.npmjs.com/package/slim-select)
|
|
|
|
<a href="https://www.buymeacoffee.com/brianvoe" target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="Buy Me A Coffee" style="height: auto !important;width: auto !important;" ></a>
|
|
|
|
For documentation and examples on all features see: http://slimselectjs.com
|
|
|
|
|
|
|
|
## Features
|
|
- No Dependencies
|
|
- 20kb - 5kb gzip
|
|
- Single Select
|
|
- Multi Select
|
|
- User Addable Options
|
|
- Html Options
|
|
- Settable Data
|
|
- Callback Events
|
|
- Placeholders
|
|
- Search
|
|
- Disable Options
|
|
- Light CSS
|
|
- Light Color Scheme
|
|
- Style and Class Inheritance
|
|
- Clean Animations
|
|
- Performant
|
|
|
|
## Browsers
|
|
- IE 11+
|
|
- Edge 13+
|
|
- Chrome 30+
|
|
- FireFox 25+
|
|
- Opera 25+
|
|
- Safari 9+
|
|
|
|
## Installation
|
|
```bash
|
|
npm install slim-select
|
|
```
|
|
|
|
### or
|
|
|
|
```html
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/slim-select/<version>/slimselect.min.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slim-select/<version>/slimselect.min.css">
|
|
```
|
|
|
|
## Usage
|
|
```javascript
|
|
import SlimSelect from 'slim-select'
|
|
|
|
new SlimSelect({
|
|
select: '#slim-select'
|
|
})
|
|
```
|
|
|
|
## Testing
|
|
Browser testing has been provided by
|
|
|
|
<img src="https://digitalscientists.com/system/images/1448/original/logo-browserstack.png" width="300" />
|