Direct access

Figma
Storybook
AEM
El Direct Access es un componente que permite acceder rápidamente a secciones, servicios o contenidos relevantes dentro de una interfaz.

Overview

El Direct Access es una card sencilla y versátil, pensada para facilitar el acceso a distintos contenidos destacados dentro de una página. Su función principal es actuar como un distribuidor visual, guiando al usuario hacia secciones o recursos relevantes de forma clara y rápida.

Su simplicidad lo convierte en un elemento muy eficaz para organizar y destacar información sin sobrecargar la interfaz.

Nombre
Descripción / Uso
Ejemplo
No items found.

Variantes

Las variantes del componente Direct Access pueden presentarse en formato vertical u horizontal, según las necesidades del diseño o el espacio disponible. En ambos casos, la diferencia radica únicamente en la disposición de los elementos dentro del layout, ya que la funcionalidad y el propósito del componente se mantienen exactamente iguales.

Nombre
Descripción / Uso
Ejemplo
Horizontal
Vertical
No items found.

Opciones

Elemento gráfico

Cualquiera de las variantes del componente puede incorporar un elemento gráfico de apoyo, ya sea microilustración, icono o imagen.

Estas opciones de configuración permiten elegir el elemento visual que mejor se adapte al contexto y a las necesidades de cada producto, reforzando así la claridad y la intención comunicativa del acceso.

Arrow

El Direct Access permite añadir una flecha indicativa que refuerza su carácter interactivo y de navegación, ayudando al usuario a identificar de forma inmediata que puede acceder a otro contenido o sección.

Sin embargo, se recomienda usar esta opción con moderación. Cuando existen varios Direct Access en una misma vista, incorporar flechas en todos puede sobrecargar visualmente la interfaz y restar claridad al conjunto.

Nombre
Ejemplo
No items found.
No items found.

Behaviour

Nombre
Descripción / Uso
Ejemplo
No items found.

Animación

Nombre
Descripción / Uso
Ejemplo
No items found.

Recursos adicionales

Encuentra más información y documentación específica para cada plataforma.
En esta página
Copiar Link
Link Copiado