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 |