ESelect

The ESelect component replaces the standard html select and encapsulates well-defined logic that can be reused throughout the app.

Basic Usage

<script setup>
import { ref } from "vue";
import { ESelect } from "easy-kit-component";

const selected = ref();
</script>

<template>
  <ESelect v-model="selected">
   <option value="🍎">Apple</option>
   <option value="🍑">Peach</option>
  </ESelect>
</template>

    ApplePeach 
Select : 

  

Multiple

<ESelect v-model="multipleSelected" :multiple="true">
   <option value="🍎">Apple</option>
   <option value="🍑">Peach</option>
</ESelect>

    ApplePeach 
Select : 

  

API Reference

• Props

interface Select {
  placeHolder?: string;
  multiple?: boolean;
  required?: boolean;
  disabled?: boolean;
  value?: any;
}