Sistema de diseño
Process navbar
Cabecera para productos Repsol que se utiliza cuando el usaurio entra en un funnel y queremos que cierre el proceso evitando distracciones innecesarias.
Figma
Storybook
AEM
Overview
Este elemento es especialmente útil en aplicaciones web y formularios donde los usuarios deben completar múltiples pasos para lograr un objetivo. La cabecera de procesos proporciona una indicación visual clara del progreso y contexto general del usuario.
Nombre
Descripción / Uso
Ejemplo
No items found.
Variantes
Nombre
Descripción / Uso
Ejemplo
No items found.
Nombre
Descripción / Uso
Ejemplo
No items found.
Opciones
A continuación las distintas opciones de configuración que tiene este componente:
Vertical o producto
Mostrando la vertical o producto específico donde se encuenta el usuario.
Links
Puede contar con links adicionales.
CTA
Puede contar con un CTA de llamada a la acción que apoye o complemente el avance del proceso.
Nombre
Descripción / Uso
Ejemplo
No items found.
Nombre
Descripción / Uso
Ejemplo
No items found.
Behaviour
Mobile
En resoluciones pequeñas como mobile, se permite mostrar solo el símbolo de Repsol sin estar acompañado del wordmark.
Recursos adicionales
Encuentra más información y documentación específica para cada plataforma
Anterior
Overview componentes
Siguiente
Overview componentes