Skip to content

ESelect

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

Basic Usage

template
<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>
     
Select :

Multiple

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

API Reference

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

Released under the MIT License.