@reciprocity/multiselect

A select component with multi value support

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
@reciprocity/multiselect
0.6.22 months ago3 years agoMinified + gzip package size for @reciprocity/multiselect in KB

Readme

Multiselect
A select component with support multi value selection, auto-complete, etc.
Based on Vue Multiselect. Check out the documentation for more options.

Installation

npm install @reciprocity/multiselect
or
yarn add @reciprocity/multiselect

Usage

This component is meant to be used as an ES module, so you can import it using the ES6 import syntax.
After importing you can just register it with Vue. Eg:
app.vue
<template>
	<zen-multiselect v-model='value' :options='options'>Click me!</multiselect>
</template>
<script>
	import ZenMultiselect from '@ reciprocity/multiselect';

	export default Vue.extend({
		name: 'My App',
		data() {
			return {
				value: null,
				options: ['Argentina', 'Slovenia', 'United States'],
			},
		},
		components: {
			ZenMultiselect,
		},
	};
</script>

Props

| Prop | Description | Type | Default | |-----------------|------------------------------------------------------------------------------------|----------|-------------| | optionMultiline | Display the options in multiple lines in case the label exceeds the options width | Bool | false |