Button with icon

Inspect the full details and code of a selected snippet

<a class="uk-button uk-button-primary uk-position-relative uk-border-rounded uk-margin-small-right">
        <span class="uk-button-icon">
        <i class="fa-regular fa-home"></i></span>
        <span class="uk-visible@m">My Button</span>
      </a>
      <a class="uk-button uk-button-primary uk-position-relative uk-border-rounded uk-margin-small-right">
        <span class="uk-button-icon uk-button-icon-flip"><i class="fa-regular fa-home"></i></span>
        <span class="uk-visible@m">My Button</span>
      </a>
      <a class="uk-button uk-button-small uk-button-primary uk-position-relative uk-border-rounded uk-margin-small-right">
        <span class="uk-button-icon">
        <i class="fa-regular fa-home"></i></span>
        <span class="uk-visible@m">My Button</span>
      </a>
      <a class="uk-button uk-button-small uk-button-primary uk-position-relative uk-border-rounded uk-margin-small-right">
        <span class="uk-button-icon uk-button-icon-flip"><i class="fa-regular fa-home"></i></span>
        <span class="uk-visible@m">My Button</span>
      </a>
      
      
    </div>
  </div>
</div>

Information

Detailed overview of a selected code snippet

yaneony

25.03.2025, 01:09:39

28.03.2025, 11:18:48

uk-border, uk-button, uk-card, uk-container, uk-flex, uk-margin, uk-padding, uk-position, uk-visible

Comments

Browse user feedback and discussions in detail

Currently in development and will be available soon. Stay tuned for updates!