User Manual

Icon-button

This component is a button that is mainly represented by an icon in a circle. It can also be supported by text. For example: a back button.

Default


    
      

  

<a
  class="a-icon-button icon-arrow-left  "
  href=""
  
></a>

Inverted

Change up the default theme of the icon-button to a more lighter or whiter version. This is mainly used on colored backgrounds.

  • a-icon-button--inverted

    
      

  

<a
  class="a-icon-button icon-arrow-left a-icon-button--inverted "
  href=""
  
></a>

Modifiers

  • a-icon-button--inverted

    Create a lighter or white version of the button and is mainly used on a colored background.