Gathering detailed insights and metrics for vue-select
Gathering detailed insights and metrics for vue-select
Gathering detailed insights and metrics for vue-select
Gathering detailed insights and metrics for vue-select
Everything you wish the HTML <select> element could do, wrapped up into a lightweight, extensible Vue component.
npm install vue-select
Module System
Min. Node Version
Typescript Support
Node Version
NPM Version
4,654 Stars
834 Commits
1,338 Forks
55 Watching
78 Branches
98 Contributors
Updated on 25 Nov 2024
Minified
Minified + Gzipped
JavaScript (58.2%)
Vue (26.28%)
CSS (7.79%)
SCSS (7.24%)
HTML (0.49%)
Cumulative downloads
Total Downloads
Last day
3.4%
49,717
Compared to previous day
Last week
4%
250,724
Compared to previous week
Last month
10.9%
1,050,226
Compared to previous month
Last year
5.8%
12,383,369
Compared to previous year
1
49
Everything you wish the HTML
<select>
element could do, wrapped up into a lightweight, zero dependency, extensible Vue component.
Vue Select is a feature rich select/dropdown/typeahead component. It provides a default template that fits most use cases for a filterable select dropdown. The component is designed to be as lightweight as possible, while maintaining high standards for accessibility, developer experience, and customization.
Complete documentation and examples available at https://vue-select.org.
It takes a lot of effort to maintain this project. If it has saved you development time, please consider sponsoring the project with GitHub sponsors!
Huge thanks to the sponsors and contributors that make Vue Select possible!
Vue 3 / Vue Select 4.x-beta
Vue 3 support is on the
beta
channel:vue-select@beta
, and will become the new default whenv4
is released. See #1579 for more details!
Install:
1yarn add vue-select@beta 2 3# or use npm 4 5npm install vue-select@beta
Then, import and register the component:
1# main.ts or main.js 2 3import { createApp } from "vue"; 4import App from "./App.vue"; 5 6import { VueSelect } from "vue-select"; 7 8createApp(App) 9 .component("v-select", VueSelect) 10 .mount("#app");
The component itself does not include any CSS. You'll need to include it separately in your Component.vue:
1<style> 2@import "vue-select/dist/vue-select.css"; 3</style>
Vue 2 / Vue Select 3.x
Install:
1yarn add vue-select 2 3# or use npm 4 5npm install vue-select
Then, import and register the component:
1import Vue from "vue"; 2import vSelect from "vue-select"; 3 4Vue.component("v-select", vSelect);
The component itself does not include any CSS. You'll need to include it separately:
1import "vue-select/dist/vue-select.css";
You can also include vue-select directly in the browser. Check out the documentation for loading from CDN..
No vulnerabilities found.
Reason
no dangerous workflow patterns detected
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
packaging workflow detected
Details
Reason
Found 9/23 approved changesets -- score normalized to 3
Reason
detected GitHub workflow tokens with excessive permissions
Details
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
Project has not signed or included provenance with any releases.
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
113 existing vulnerabilities detected
Details
Score
Last Scanned on 2024-11-18
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More