vue-search-select v3.2.0

vue-search-select

A Vue.js search select component with NO dependencies.

• CSS borrowed from https://github.com/Semantic-Org

Version 3

• Support Vue.js 3.x

export files

There are three file.

• VueSearchSelect.js
• VueSearchSelect.umd.js
• VueSearchSelect.css

Components

• ModelSelect (from v2.3.8)
  • value set through v-model
  • value can be string, number, boolean and object
    • If you v-model type is string, onInput set by string. (Not option object)
• ModelListSelect (from v2.3.8)
  • value set through v-model
  • Can pass custom list and customize display text to Component
  • Wrap ModelSelect component
• MultiSelect
  • search select for multiple select
• MultiListSelect
  • ListSelect for MultiSelect

Version2's BasicSelect, ListSelect components are removed.

Styles

import "vue-search-select/dist/VueSearchSelect.css"

Semantic-ui-css compatible html and css classes used.

If you already use semantic-ui(or fomantic-ui) VueSearchSelect.css import is unnecessary. If you want use vue-search-select without semantic-ui-css, import VueSearchSelect.css.

Release Notes

https://github.com/moreta/vue-search-select/releases

Demo

https://vue-search-select.netlify.com

Usage

Install

npm install --save vue-search-select
yarn add vue-search-select
pnpm add vue-search-select

Props

Run examples

pnpm run build
pnpm run dev:docs