mirror of
https://github.com/tenrok/vue-select.git
synced 2026-05-20 03:09:36 +03:00
Jeff
14 lines
4.5 KiB
HTML
14 lines
4.5 KiB
HTML
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><title>Vue Select | VueJS Select2 Component</title><link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600|Roboto Mono" rel=stylesheet><link href="//fonts.googleapis.com/css?family=Dosis:300&text=Vue Select" rel=stylesheet><meta name=title content="Vue Select | VueJS Select2/Chosen Component"><meta name=description content="A well-tested, native Vue.js component that provides similar functionality to Select2/Chosen without the overhead of jQuery."><link rel=icon href=static/vue-logo.png type=image/png><meta property=og:image content=static/vue-logo.png><meta property=twitter:image content=static/vue-logo.png><meta name=description content="A native Vue.js component that provides similar functionality to Select2/Chosen without the overhead of jQuery."><meta property=og:description content="A native Vue.js component that provides similar functionality to Select2/Chosen without the overhead of jQuery."><meta property=twitter:description content="A native Vue.js component that provides similar functionality to Select2/Chosen without the overhead of jQuery."><meta property=twitter:title content="Vue Select | VueJS Select2/Chosen Component"><meta property=og:title content="Vue Select | VueJS Select2/Chosen Component"><meta property=og:site_name content="Vue Select | VueJS Select2/Chosen Component"><meta property=og:url content=http://sagalbot.github.io/vue-select/ ><link href=/css/app.ed6b57fb58d0dd1adcbdb19d1b8345cc.css rel=stylesheet></head><body><div id=app><h1>Vue Select</h1><p class="accolades lead"><a href=https://github.com/sagalbot/vue-select><img src="https://img.shields.io/github/stars/sagalbot/vue-select.svg?label=Stars&style=flat-square" alt="GitHub Stars"> </a><a href=https://www.npmjs.com/package/vue-select><img src="https://img.shields.io/npm/dm/vue-select.svg?style=flat-square" alt="Downloads per Month"> </a><a href=https://codeclimate.com/github/sagalbot/vue-select/maintainability><img src="https://img.shields.io/codeclimate/maintainability/sagalbot/vue-select.svg?style=flat-square" alt=Maintainability> </a><a href=https://gemnasium.com/github.com/sagalbot/vue-select><img src="https://img.shields.io/gemnasium/sagalbot/vue-select.svg?style=flat-square" alt="No Dependencies"> </a><img src="https://img.shields.io/github/license/sagalbot/vue-select.svg?style=flat-square" alt="MIT License"> <img src="https://img.shields.io/github/release/sagalbot/vue-select.svg?style=flat-square" alt="Current Release"></p><p class=lead>A Vue.js select component that provides similar functionality to Select2/Chosen without the overhead of jQuery.</p><v-select id=v-select :options=options v-model=selected label=title><template slot=option slot-scope=option><span class=octicon :class=option.icon></span> {{ option.title }}</template></v-select><div v-cloak v-if="!! selected" class=dropdown-action><a class="btn btn-primary btn-outline btn-lg" :href=selected.url><span class=octicon :class=selected.icon></span> {{ selected.title }}</a></div><section class=content :class="{ hidden: selected }"><div class=feature-list><ul class=list-vue><li>Supports Vuex</li><li>Tagging Support</li><li>Custom Templating</li><li>Zero JS/CSS dependencies</li><li>Custom Filtering Algoirthms</li></ul><ul class=list-vue><li>+95% Test Coverage</li><li>Select Single/Multiple</li><li>Typeahead Suggestions</li><li>Supports RTL & Translations</li><li>Plays nice with CSS Frameworks</li></ul></div><p>And so much more! Get started with:<br><code>yarn add vue-select</code></p><div class=cta><a class="btn btn-primary btn-outline btn-lg" href=https://github.com/sagalbot/vue-select><span class="octicon octicon-mark-github"></span> View on GitHub </a><a class="btn btn-primary btn-outline btn-lg" href=/docs/ ><span class="octicon octicon-book"></span> Read the Docs</a></div></section></div><script>(function (i, s, o, g, r, a, m) {
|
|
i['GoogleAnalyticsObject'] = r;
|
|
i[r] = i[r] || function () {
|
|
(i[r].q = i[r].q || []).push(arguments)
|
|
}, i[r].l = 1 * new Date();
|
|
a = s.createElement(o),
|
|
m = s.getElementsByTagName(o)[0];
|
|
a.async = 1;
|
|
a.src = g;
|
|
m.parentNode.insertBefore(a, m)
|
|
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
|
|
|
|
ga('create', 'UA-12818324-8', 'auto');
|
|
ga('send', 'pageview');</script><script type=text/javascript src=/js/manifest.ba5046aef3d3e9a3a661.js></script><script type=text/javascript src=/js/vendor.0d1b35d16c5216d2c609.js></script><script type=text/javascript src=/js/app.bdfb419f193ed57c8b3a.js></script></body></html> |