jio-select

Props

Prop name	Description	Type	Values
id	An ID must be provided	string	-
options	The available options in the select element	Array	-
endIcon	An optional icon for the input, this icon will be shown at the end. If not set, the icon will not be displayed. `@values` Text for label.	union	-

View on Gitlab

General

This component provides a generic select element, based on the Bootstrap select component.

Code examples

A select element.

<template>
  <div class="jio-core">
    <jio-select
      id="example-select"
      v-model="model"
      :options="options"
      endIcon="dji-driehoek"
    />
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";

const options = [
  { value: "option-1", label: "Option 1" },
  { value: "option-2", label: "Option 2" },
];

const model = ref<string>("");
</script>

jio-select ​

Props ​

General ​

Code examples ​

jio-select

Props

General

Code examples