mirror of
https://github.com/tenrok/vue-select.git
synced 2026-05-26 04:34:04 +03:00
Jeff Sagal
dc91310860
* - add autoprefixer - add cssnano - add postcss-loader - remove unused packages * create RTL scss module * add vs__ prefix to open-indicator, extract to module * module for dropdown-toggle * vs__clear module * vs__dropdown-menu module * rename `selected-tag` to `vs__selected` * remove rtl class * remove dropdown class * search-input scss module * move animations to global module * refactor dropdown list items * - spinner slot is now scoped with `loading` variable - move spinner to scss module * apply vs__search class directly to search input: if you're using the slot, you might not want default styles * finish global modules * make RTL a component state * - update component states to use vs-- prefix - rename dropdownClasses to stateClasses * remove unused property * Closes #760 * fix states * more state fixes * rename .close to vs__deselect * - simplify dev.html - start on 'sandbox' development * update build * - update webpack config - move Sandbox to VuePress folder * update external framework version links * assign grid areas, ensure 100% height outside of docs * limit specificity * first pass at assigning variables * assign 'darkest' * remove max-height prop * rename 'component' variables to 'state' * update badges * add deprecation notice to docs * bump travis config * add coveralls coverage reporter * bump netlify config * additional pass pulling up to variables * start converting to SVG icons * middle align action icons * update netlify config * netlify bump * fix travis * fix travis * try lcov * netlify attempt * prune old packages * bump travis config
39 lines
1.6 KiB
Markdown
39 lines
1.6 KiB
Markdown
# Vue Select
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
> Everything you wish the native `<select>` element could do, wrapped
|
|
up into a zero dependency, highly extensible Vue component.
|
|
|
|
Vue Select is a feature rich select/dropdown/typeahead component. It provides a default
|
|
template that fits the 80% use case for a select dropdown. Here it is by default:
|
|
|
|
<div style="max-width:50%; margin: 0 auto; padding: 1rem 0;">
|
|
<v-select :options="['Option One','Option Two','Option Three']" />
|
|
</div>
|
|
|
|
If you want to get a quick sense of what vue-select can do, check out
|
|
[the sandbox](sandbox.md).
|
|
|
|
#### Features
|
|
- Tagging
|
|
- Filtering/Searching
|
|
- Vuex Support
|
|
- AJAX Support
|
|
- SSR Support
|
|
- Select Single/Multiple Options
|
|
- Tested with Bootstrap 3/4, Bulma, Foundation
|
|
- +95% Test Coverage
|
|
- ~20kb Total / ~5kb CSS / ~15kb JS
|
|
- Zero dependencies
|
|
|
|
#### Resources
|
|
- **[CodePen Template](http://codepen.io/sagalbot/pen/NpwrQO)**
|
|
- **[Trello Roadmap](https://trello.com/b/vWvITNzS/vue-select)**
|
|
- **[GitHub](https://github.com/sagalbot/vue-select)**
|