# 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>
```