File Upload

Área de upload de arquivos com suporte a drag-and-drop.

Uso

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

function onArquivos(files: File[]) {
  console.log(files)
}
</script>

<template>
  <FileUpload accept="image/*" :max-files="3" @change="onArquivos" />
</template>

Exemplos

<FileUpload @change="onArquivos" />
<FileUpload accept="image/*" :max-files="1" description="PNG, JPG, WEBP" @change="onArquivos" />

Props

Prop	Tipo	Padrão
accept	string	—
maxFiles	number	5
maxFileSize	number	—
label	string	"Arraste arquivos aqui ou"
triggerLabel	string	"selecione do computador"
description	string	"Formatos suportados: qualquer arquivo"
disabled	boolean	false
name	string	—

Events

Evento	Payload	Descrição
change	File[]	Emitido ao selecionar ou soltar arquivos