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.