Pagination Samples - InkJS

A simple paginator, with 10 pages.

<nav class="ink-navigation" id="basic1" data-size="10">
    <ul class="pagination rounded red"></ul>
</nav>

<script>
    // Unnecessary with autoload.js
    Ink.requireModules(['Ink.UI.Pagination_1'], function(Pagination){
        var basicPag = new Pagination('#basic1');
    });
</script>
                    

You can use the maxSize option to limit the amount of page numbers shown.

<nav class="ink-navigation" id="basic2" data-size="10" data-max-size="5">
    <ul class="pagination rounded red"></ul>
</nav>

<script type="text/javascript">
    // Unnecessary with autoload.js
    Ink.requireModules(['Ink.UI.Pagination_1'], function(Pagination){
        var basicPag2 = new Pagination('#basic2');
    });
</script>