Pagination component
The pagination component is used to display a pagination bar.
<div class="pagination"> <ul> <li><a href="">1</a></li> <li><a href="">2</a></li> <li><a href="">3</a></li> <li><a href="">4</a></li> <li><a href="">5</a></li> <li><a href="">6</a></li> <li><a href="">7</a></li> <li><a href="">8</a></li> <li><a href="">9</a></li> <li><a href="">10</a></li> </ul> </div>
<div class="pagination"> <ul> <li><a href="">Previous</a></li> <li><a href="">1</a></li> <li><a href="">2</a></li> <li><a href="">3</a></li> <li><a href="">Next</a></li> </ul> </div>
<div class="pagination"> <ul> <li><a href=""><<</a></li> <li><a href="">1</a></li> <li><a href="">2</a></li> <li><a href="">3</a></li> <li><a href="">>></a></li> </ul> </div>
Usage
the pagination component required the pagionation CSS class to be set on the pagination content. The elements are represented by the ul and li tags.