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>