Campo de subida de archivos

Definición

Permiten cargar en el sistema un fichero disponible en el dispositivo del usuario. Se utilizan por tanto en formularios de contacto, tramitadores...

Para cargar un archivo, se puede:

• Activar el botón 'Examinar'. Una vez hecho clic, el botón abre una nueva ventana donde el usuario puede elegir un archivo.
• Arrastrar y soltar' un archivo en el área de entrada de carga de archivos
   

Anatomía

Las partes del componente son:

1. Etiqueta: Breve texto que recoge el contenido que se debe introducir en el campo. Si el campo es obligatorio, se incluirá un asterisco junto a la etiqueta.
2. Campo: Contenedor en el se adjunta el fichero. Una vez relleno, puede tomar un color de la paleta de estados en función del resultado de la validación.
3. Botón o etiqueta de añadir fichero: Desencadena la acción para seleccionar un archivo en el dispositivo para cargarlo.
4. Texto de ayuda a la carga: Texto anterior a realizar la carga "No se ha seleccionado ningún fichero". Una vez realizada la carga se indica el nombre del fichero cuando éste se ha cargado correctamente.
    

Tipos

Por defecto

Se utilizan para introducir un texto de una sola línea, como el nombre o la dirección de correo electrónico.

Deshabilitado

En este estado el usuario no puede realizarse la acción de subir un fichero.

Pautas de uso

Aclara el contenido que debe introducirse en el campo

• Incluye sobre el campo una etiqueta que sea breve, precisa y clara. Intenta utilizar dos o tres palabras como máximo, y evita partículas innecesarias.
• Si el campo es obligatorio, incluye un asterisco tras la etiqueta del campo.

Componentes relacionados

Similar:

• Botón

Forma parte de:

• Formulario

Recursos asociados al componente

Implementación:

Storybook (solo accesible desde la RCJA)

Control de versiones