Knoppenlijstcomponent

Afbeelding en pictogram

Als je een pictogram wilt instellen, moet je het afbeeldingsveld leeg laten.

En als je de afbeelding/pictogram aan de rechterkant wilt plaatsen, pas dan het volgende toe op Knop afbeelding aangepaste stijlen

left: auto;
right: .5rem;

DOM-structuur

Een Knoppenlijst component is als volgt samengesteld in de HTML DOM-structuur.

<div style="display: flex; width: 100%"> <!-- Aangepaste stijlen applies here -->
  <a href="" ...> <!-- Knop aangepaste stijlen applies here-->
    <div
      style="position: absolute; top: .5rem; bottom: .5rem; overflow: hidden; left: .5rem;"
      <!-- Knop afbeelding aangepaste stijlen applies here-->
    >
      {image || icon}
    </div>
    <span>
      {button text}
    </span>
  </a>
  ...
</div>