Componentes reutilizables

Navegación

Guía para la creación de formularios digitales: Estructura básica de un formularioEnlace externo

Pasos

La línea de pasos se utiliza cuando el formulario es extenso y se requiere hacerlo en etapas, es decir, en varias pantallas.

Si hay más de 4 pasos se utiliza la siguiente visualización, en la que el único nombre que se muestra es el del paso actual.

La línea de pasos va cambiando de aspecto según su estado.


Enlaces

Guía para la creación de formularios digitales: Botones, enlaces y paginaciónEnlace externo

Usar como estándar el enlace azul. El enlace negro es solo para vínculos que requieran una menor jerarquía visual.


Botones

Guía para la creación de formularios digitales: Botones, enlaces y paginaciónEnlace externo

.Button aplicado a distintos elementos

Cómo se transforman distintos elementos con estilo de botón.

Button div
Button span Button link
Button span Button linkEnlace externo

Modificadores de .Button

Primarios

El botón primario se utiliza siempre para la acción principal.

Secundarios

Los botones secundarios se utilizan para acciones de menor relevancia o de segundo orden.

Amarillo
Inverso
Botón tipo enlace simple
Botón tipo enlace con fondo

Paginación

Guía para la creación de formularios digitales: Botones, enlaces y paginaciónEnlace externo

La paginación se usa para la presentación de datos, por ejemplo, una tabla.

Mostrando 5 de 9 resultados