https://github.com/weijuer/w-select

dropdown-select base on vue.js
https://github.com/weijuer/w-select

Last synced: about 2 months ago
JSON representation

dropdown-select base on vue.js

• Host: GitHub
• URL: https://github.com/weijuer/w-select
• Owner: weijuer
• Created: 2020-07-22T11:58:42.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-12-13T08:49:50.000Z (about 2 years ago)
• Last Synced: 2024-10-29T21:04:17.809Z (2 months ago)
• Language: Vue
• Size: 2.41 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 20
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# w-select

Everything you wish the HTML `` element could do, wrapped up into a lightweight, zero dependency, extensible Vue component.

`w-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.

- Tagging

- Filtering / Searching

- Select Single/Multiple Options

- Customizable with slots and stylus variables

- ~23kb Total / ~3kb CSS / ~20kb JS

# Documentation

Complete documentation and examples available at https://github.com/weijuer/w-select#readme.

# Install

```

yarn add w-select

```

# or use npm

```

npm install w-select

```

Then, import and register the component:

```

import Vue from "vue";

import wSelect from "w-select";

import "w-select/dist/w-select.css";

Vue.component("w-select", wSelect);

```

The component itself does not include any CSS. You'll need to include it separately:

You can also include vue-select directly in the browser. Check out the documentation for loading from CDN..

# License

MIT

# Keywords

select vue.js

# Keywords

none