tedirghazali / select

Tedir Select is a Custom SelectBox, Multiple ListBox, ComboBox Autocomplete, and Tags Input for Vue 3 and Web Components
Other
6 stars 0 forks source link

Tedir Select

Tedir Select is a Custom SelectBox, Multiple ListBox, ComboBox Autocomplete, and Tags Input for Vue 3 and Web Components

Install & Usage

npm install tedir-select

or

yarn add tedir-select

Initialize it in the .vue file

<script setup>
import { ref, reactive } from 'vue'
import { SelectBox, ComboBox, ListBox, TagBox, CategoryBox } from 'tedir-select'

const stateRef = ref('')
const options = reactive(['Option One', 'Option Two', 'Option Three'])
</script>

<template>
  <SelectBox v-model="stateRef" :options="options" placeholder="-- Select Option --" :size="5" />
</template>

Select box in string type

String SelectBox

Select box in object type

Object SelectBox

Select box in array of strings

Array of Strings SelectBox

Select box in array of objects

Array of Objects SelectBox

Combo box autocomplete in string and object

ComboBox Autocomplete

List box in string, object, array of strings and array of objects

ListBox