User Manual
Menu
Close
User Manual

Banner

This is the banner molecule. This component is used to show a product that is in promo, in the picture and is primarily used in top sections of pages.

Default

This is the banner component. The img scales on hover.


      
        
      

  

<div class="m-banner ">
  <a href="#" class="m-banner__link" style="background-image: url(<!-- img src -->);">
    
  </a>
  
    <a class="a-button m-banner__button a-button--icon-after icon-arrow-right" href=""><!-- alt text --></a>

</div>




    
      

      
    

This is a title

this is usage documentation is written in markdown