User Manual
Menu
Close
User Manual

Pagination

This is the pagination component. It is used mainly in conjunction with a table to display the next, previous, first or last set of results.

Default


      
        
      

	

  <div class="m-pagination">
      
      
	<a class="a-button a-button--only-icon is-active m-pagination__action a-button--tertiairy a-button--inverted icon-arrow-left" href="#"></a>


      <ul class="m-pagination__list">
      
        <li class="m-pagination__item is-active">
          
	<a class="a-link " href="">
		<span class="a-link__text"></span>
	</a>

        </li>

        <li class="m-pagination__item">
          
	<a class="a-link " href="">
		<span class="a-link__text"></span>
	</a>

        </li>

        <li class="m-pagination__item">
          
	<a class="a-link " href="">
		<span class="a-link__text"></span>
	</a>

        </li>
          
      </ul>

      
	<a class="a-button a-button--only-icon m-pagination__action a-button--tertiairy a-button--inverted icon-arrow-right" href="#"></a>


  </div>




    
      

      
    

This is a title

this is usage documentation is written in markdown