Componente de lista de botones

Last updated on 11/6/2024@mrbirddev

Imagen e ícono

Si deseas establecer un ícono, debes dejar el campo de imagen vacío.

Y si deseas colocar la imagen/ícono a la derecha, aplica lo siguiente a CSS de la imagen del botón

left: auto;
right: .5rem;

Estructura del DOM

Un componente Lista de botones se compone de esta manera en la estructura del DOM HTML.

<div style="display: flex; width: 100%"> <!-- CSS applies here -->
  <a href="" ...> <!-- CSS del botón applies here-->
    <div
      style="position: absolute; top: .5rem; bottom: .5rem; overflow: hidden; left: .5rem;"
      <!-- CSS de la imagen del botón applies here-->
    >
      {image || icon}
    </div>
    <span>
      {button text}
    </span>
  </a>
  ...
</div>
Loading...