Formulários
cosmemilton-ui/client

CmFileUpload

Envio de arquivos com arrastar-e-soltar e clique para procurar. Mostra preview de imagem (e ícone para os demais), valida por tipo, tamanho e quantidade, e dispara onUpload com os arquivos aceitos. Zero dependências.

Import

tsx
import { CmFileUpload } from "cosmemilton-ui/client";

Uso básico

Uma imagem, com preview automático.

Arraste uma imagem ou clique para enviarPNG, JPG ou GIF

Múltiplos arquivos com validação

Controlado (value/onChange), com accept, maxSize, maxFiles e feedback de rejeição.

Arraste arquivos ou clique para enviarImagens ou PDF, até 5 MB cada (máx. 4)

0 arquivo(s) selecionado(s).

API rápida

Props principais de cada peça exportada.

CmFileUpload

acceptmultiplemaxSizemaxFileslabelhintvalue/defaultValueonChangeonUploadonRejectshowPreviewdisabled

Notas

onUpload recebe apenas os arquivos recém-aceitos; onChange recebe a lista completa atual.

onReject informa o motivo de cada rejeição: "type", "size" ou "count".

O <input> nativo já filtra por accept; em arrastar-e-soltar a validação de tipo é feita pelo componente.