1.0.3 • Published 7 years ago
lari-select v1.0.3
Lari Select
Select component for vuejs Demo
Installation
$ npm install lari-select --save
Examples
Single Select
<template>
<lari-select></lari-select>
</template>
<script>
import { LariSelect } from 'lari-select'
export default {
components: {
LariSelect
}
}
</script>
Multiple
<template>
<lari-multiselect></lari-multiselect>
</template>
<script>
import { LariMultiselect } from 'lari-select'
export default {
components: {
LariMultiselect
}
}
</script>
Docs
Single selected
Available props:
- url: { default: '/tags'} - url for remote results and store new records (RESTFul Resource)
- field: { default: 'name' } - variable from object to display. Eg. If your object looks like { id: 1, title: "test title" } you should change it into 'title';
- name: {} - input field name. For multiple select its an array, so you dont need to include '[]'
- return: { default: 'id'} - field to return to input as a value
- resources: { default: false } - available options. Array of objects. You should define it when you don't want to query remote data.
- selected : {} - current item. For single select provide an object, for multipleselect provide an array of ids
- withcreate: { default: true } - allow users to create new resources.
- labels: {} - Provide an object of labels. Eg. { placeholder: "Select new element" }. Available options:
- Single select placeholder: default "Select element" Multiple select add: default "Add tags", clear: default "Clear tags", delete: default "Delete all elements?", yes: default "Yes", * no: default "No"
- General:
- typeText: default "Type element name",
- create: default "Create",
- no_resuts: default "No results",
- search: default "Search"
Badges