Combobox

Campo com busca e seleção de opções, com suporte a múltipla seleção.

Uso

<script setup lang="ts">
import { Combobox } from '@halfbyte/maka'
import { ref } from 'vue'

const valor = ref('')

const frutas = [
  { value: 'maca', label: 'Maçã' },
  { value: 'banana', label: 'Banana' },
  { value: 'laranja', label: 'Laranja' },
]
</script>

<template>
  <Combobox v-model="valor" :options="frutas" label="Fruta favorita" />
</template>

Exemplos

<Combobox v-model="valor" :options="opcoes" label="Seleção única" />
<Combobox v-model="valor" :options="opcoes" :multiple="true" label="Múltipla seleção" />

Props

Prop	Tipo	Padrão
options	ComboboxOption[]	obrigatório
modelValue	string | string[]	—
label	string	—
placeholder	string	"Buscar…"
multiple	boolean	false
disabled	boolean	false
emptyText	string	"Nenhum resultado encontrado."

ComboboxOption

Campo	Tipo	Descrição
value	string	Identificador único da opção
label	string	Texto exibido

Events

Evento	Payload	Descrição
update:modelValue	string | string[]	Emitido ao selecionar uma opção