Componentes / ImageLink

ImageLink

estable

Imagen recortada en chaflán con flecha superpuesta, usada como bloque enlazable a contenido.

Controls

themehrefsrcaltarrowPositiondisableLinknoChamferextraClass

HTML

<figure class="image-link is-bottom-right" style="--image-link-arrow-icon: url(/icons/ico-arrow.svg);">
  <a href="#" aria-label="Foto de ejemplo">
    <img src="https://images.unsplash.com/photo-1464822759023-fed622ff2c3b" alt="Foto de ejemplo" loading="lazy">
  </a>
</figure>