Select

Menu suspenso para seleção de uma ou múltiplas opções de uma lista.

Uso

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

const value = ref('')
const options = [
  { value: 'br', label: 'Brasil' },
  { value: 'pt', label: 'Portugal' },
  { value: 'us', label: 'Estados Unidos' },
]
</script>

<template>
  <Select v-model="value" :options="options" label="País" />
</template>

Básico

<Select
  :options="[{ value: 'br', label: 'Brasil' }, { value: 'pt', label: 'Portugal' }]"
  label="País"
/>

Seleção múltipla

<Select :options="options" label="Frameworks" :multiple="true" />

Props

Prop	Tipo	Padrão
options	SelectOption[]	obrigatório
modelValue	string | string[]	—
label	string	—
placeholder	string	"Selecione…"
multiple	boolean	false
disabled	boolean	false
name	string	—

SelectOption

Campo	Tipo	Descrição
value	string	Valor da opção
label	string	Texto exibido
disabled	boolean	Desabilita a opção (opcional)

Events

Evento	Payload	Descrição
update:modelValue	string | string[]	Emitido ao alterar a seleção