Vue Select Image

Its is a Vue.js component for selecting images.

Installation

Firstly you can install with only npm for now

npm install --save v-select-image

After installation you have to import component wherever want you to use.

import VueSelectImage from 'v-select-image'

After that you have to register it as a component in your script

<script>
    components: { VueSelectImage }
</script>

Usage

You can use easily with use <v-select-image> tag. Example:

<v-select-image
	class="w-650"
	v-model="selectedItems"
	:items="items"
	colorSchema="##8B8B8B"
/>

Properties

You can add some parameters to customizing. |Property|type|required | default| |--|--|--|--| |items|Array|true|| |colorSchema|String|false|#8B8B8B| |maxSelectable|String/Integer|false|-1| |uniqueKey|String|false|id|

Max Selection Error Handling

You can add @maxSelectionError prop to the <v-select-image> tag.

Example:

<v-select-image
	class="w-650"
	v-model="selectedItems"
	:items="items"
	maxSelectable="3"
	@maxSelectionError="yourErrorFunction()"
/>

Bugs and Improvements

If you can find a bug or design issue you can open an issue on GitHub or you can fix directly. Dont hesitate to contribute