Saltar al contenido

Componentes

Carga de archivos

Selección accesible con límites y nombres visibles.

Prueba sin guardar cambios

Cargando ejemplo…

Cuándo usar

SupplierPortalDocumentUploadField permite elegir uno o varios documentos y muestra sus nombres y límites. Aunque vive en Finance, su control es presentacional y la carga real pertenece al consumidor.

Propiedades y variantes

PropiedadContrato
label / nameEtiqueta y nombre del input.
multiple / maxFilesSelección múltiple opcional; límite por defecto de ocho archivos.
required / disabledRequerido por defecto; estado deshabilitado opcional.
onFilesChangeEntrega los archivos seleccionados como File[].

Estados y accesibilidad

La configuración admite PDF/JPG/PNG y 10 MB por archivo. El servidor debe validar tipo, contenido y tamaño en flujos reales.

Evitar

No muestres el chrome nativo del input. La ayuda del componente actual fija formatos y 10 MB: no personalices accept/maxFileSize sin corregir también esa ayuda. Los avisos de tamaño utilizan validación nativa.

Código fuente

  • apps/platform/src/modules/finance/supplier-portal/document-upload-field.tsx