Link

Los links son un elemento de navegación. Este tipo de componente permite que el usuario navegue a otras páginas o muestre información adicional.

Variaciones y tipos

Diferenciamos los siguientes tipos:

Text

Por defecto, se utilizará el color turquesa para los links utilizados sobre fondos claros. y para los fondos oscuros tenemos la opción inverse. Existe además otra opción grey de uso secundario, pero útil y disponible según la casuística del producto.

Text and Arrow

Esta variación es la más común para facilitar la función de navegación del mismo.

Icon and Text

Pueden usarse links con iconos cuando sea necesario añadir más claridad en la acción. El icono se colocará siempre a la izquierda y nunca debe de usarse de manera puramente decorativa.

Esta variación sólo existe en turquesa e inverse.

Estados

  • Default
    Su estado por defecto.
  • Active
    Estado que sucede cuando el botón está realizando la interacción.
  • Focus
  • Disabled
    Comunica que este elemento no realiza ninguna interacción.

Usos

Los links se deben utilizar con propósitos de navegación. Hay que priorizar el uso de los botones si la acción que realiza el usuario es para manipular datos.