Geral

FileUploader

Componente FileUploader

O FileUploader é um componente versátil para upload de arquivos que suporta arrastar e soltar (drag and drop), seleção múltipla de arquivos e oferece uma interface visual amigável com feedback de progresso.


Como importar

import { FileUploader } from '@/app/shared/@JustLaunch/components/FileUploader'

Exemplo de uso

<FileUploader
  onFileSelect={(files) => console.log(files)}
  accept={['image/*']}
  maxSize={5 * 1024 * 1024} // 5MB
  multiple={false}
/>

Upload Único

<FileUploader
  onFileSelect={(files) => console.log(files)}
  accept={['image/*']}
  maxSize={5 * 1024 * 1024}
  multiple={false}
/>

Com Tipos Específicos de Arquivo e multiplos arquivos

<FileUploader
  onFileSelect={(files) => console.log(files)}
  accept={['.pdf', '.doc', '.docx']}
  maxSize={10 * 1024 * 1024} // 10MB
  multiple={true}
/>

Props

PropTipoPadrãoDescrição
onFileSelect(files: File[]) => void-Função chamada quando arquivos são selecionados
acceptstring[]['*']Lista de tipos de arquivo aceitos
maxSizenumber5242880Tamanho máximo do arquivo em bytes (5MB padrão)
multiplebooleantruePermite seleção múltipla de arquivos
disabledbooleanfalseDesabilita o componente
Previous
Calendar 🆕🚀