Version:

Install ​

shell
npm i @mate-vue/combo-box@${version.mate.vue}

Import ​

vue
<script setup>
import { MateComboBox } from '@mate-vue/combo-box';
</script>

Variants ​

Default ​

vue
<template>
  <MateComboBox label="Label" helperText="Helper text" :items="items" v-model:value="selected"></MateComboBox>
</template>

Required ​

vue
<template>
  <MateComboBox label="Required" required :items="items"></MateComboBox>
</template>

Disabled ​

vue
<template>
  <MateComboBox label="Disabled" disabled :items="items"></MateComboBox>
</template>

Read Only ​

vue
<template>
  <MateComboBox label="Read only" readonly :items="items" v-model:value="selected"></MateComboBox>
</template>

Invalid ​

vue
<template>
  <MateComboBox label="Invalid" invalid errorMessage="Error message" :items="items"></MateComboBox>
</template>