You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
> **Everything you wish the HTML `<select>` element could do, wrapped up into a lightweight, zero
4
-
> dependency, extensible Vue component.**
5
-
6
-
Vue Select is a feature rich select/dropdown/typeahead component. It provides a default
7
-
template that fits most use cases for a filterable select dropdown. The component is designed to be as
8
-
lightweight as possible, while maintaining high standards for accessibility,
9
-
developer experience, and customization.
10
-
11
-
- Tagging
12
-
- Filtering / Searching
13
-
- Vuex Support
14
-
- AJAX Support
15
-
- SSR Support
16
-
- Accessible
17
-
-~20kb Total / ~5kb CSS / ~15kb JS
18
-
- Select Single/Multiple Options
19
-
- Customizable with slots and SCSS variables
20
-
- Zero dependencies
1
+
# vue3-select
2
+
3
+
This is a forked and maintained version of sagalbot/vue-select, which is no longer maintained. As the name suggests, this project is specifically designed to work with the Vue 3.
4
+
5
+
Note: At the moment, most of the features of vue3-select are the same as the original vue-select project. As such, users can refer to the original documentation for usage instructions.
6
+
7
+
New documentation specific to vue3-select will be available soon as the project introduces new features and enhancements that differentiate it from the original project.
21
8
22
9
## Documentation
23
10
@@ -26,47 +13,37 @@ 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](https://github.com/sponsors/sagalbot)
32
-
with GitHub sponsors!
33
-
34
-
Huge thanks to the [sponsors](https://github.com/sponsors/sagalbot) and [contributors](https://github.com/sagalbot/vue-select/graphs/contributors) that make Vue Select possible!
35
-
36
16
## Install
37
17
38
18
```bash
39
-
yarn add vue-select
19
+
yarn add vue3-select
40
20
41
21
# or use npm
42
22
43
-
npm install vue-select
23
+
npm install vue3-select
44
24
```
45
25
46
26
Then, import and register the component:
47
27
48
28
```js
49
29
importVuefrom"vue";
50
-
importvSelectfrom"vue-select";
30
+
importVueSelectfrom"vue3-select";
51
31
52
-
Vue.component("v-select", vSelect);
32
+
Vue.component("v-select", VueSelect);
53
33
```
54
34
55
35
The component itself does not include any CSS. You'll need to include it separately:
56
36
57
37
```js
58
-
import"vue-select/dist/vue-select.css";
38
+
import"vue3-select/dist/vue-select.css";
59
39
```
60
40
61
41
Alternatively, you can import the scss for complete control of the component styles:
62
42
63
43
```scss
64
-
@import"vue-select/src/scss/vue-select.scss";
44
+
@import"vue3-select/src/scss/vue-select.scss";
65
45
```
66
46
67
-
You can also include vue-select directly in the browser. Check out the
68
-
[documentation for loading from CDN.](https://vue-select.org/guide/install.html#in-the-browser).
0 commit comments