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.

Archivos del lead · referencia de producto

CrmLeadFilesSection conserva una sola tarjeta, título y contador; no lo envuelvas en otra tarjeta titulada «Archivos». Reutiliza la superficie elevada global y CrmActionButton para subir. Cabecera y acciones permiten salto de línea según el ancho disponible; la ayuda de carga nunca usa whitespace-nowrap. La zona de carga admite Enter y Espacio, además de clic y arrastre. Sus límites propios siguen siendo ocho archivos por carga y 64 MB por archivo.

El detalle de lead distribuye una, dos o tres columnas según el ancho de su contenedor, descontando la navegación lateral: una bajo 48rem, dos desde 48rem y tres desde 72rem. Bajo 72rem, el selector centrado «Historial / Tareas y archivos» alterna el contenido de la columna central; el segundo panel incluye valor, tareas, agenda, archivos y cotizaciones. Los dos paneles permanecen montados para conservar filtros y operaciones en curso. Desde 72rem se oculta el selector y ambos paneles se muestran a la vez en sus columnas. No cambia carga, borradores, descarga, eliminación, permisos ni almacenamiento. Esta es una referencia de producto; la demo de esta ficha corresponde al control presentacional de documentos.