Tags Input

Campo para inserção de múltiplas tags com teclado.

Uso

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

const tags = ref(['vue', 'typescript'])
</script>

<template>
  <TagsInput v-model="tags" label="Tecnologias" placeholder="Adicionar tag…" />
</template>

Exemplos

<TagsInput v-model="tags" label="Padrão" />
<TagsInput v-model="tags" label="Limite de 3" :max="3" />
<TagsInput v-model="tags" label="Desabilitado" :disabled="true" />

Props

Prop	Tipo	Padrão
modelValue	string[]	—
label	string	—
placeholder	string	"Adicionar tag…"
max	number	—
delimiter	string	","
invalid	boolean	false
disabled	boolean	false
name	string	—

Events

Evento	Payload	Descrição
update:modelValue	string[]	Emitido ao adicionar/remover tag