@@include('./parts/head.html', { "plugin_fa_icons": true, "plugin_mdi_icons": true, "plugin_ion_icons": true, "plugin_wi_icons": true, "plugin_rickshaw": false, "plugin_nvd3": false, "plugin_flot": false, "plugin_sparkline": false, "plugin_markitup": false, "plugin_ckeditor": false, "plugin_select2": false, "plugin_dropzone": false, "plugin_tagsinput": false, "plugin_clockpicker": false, "plugin_pikaday": false, "plugin_spectrum": false, "plugin_inputmask": false, "plugin_parsley": false, "plugin_gmaps": false, "plugin_jvectormap": false, "plugin_datatables": false, "plugin_fullcalendar": false, "plugin_simpleweather": false, "plugin_prettify": true, "plugin_animatecss": false, "plugin_wowjs": false, "plugin_photoswipe": false, "plugin_isotope": false, "plugin_videojs": false }) @@include('./parts/top-navbar.html') @@include('./parts/sidebar.html', { "page": "ui-pagination", "classes": "yay-shrink yay-hide-to-small yay-gestures" })

@@include('./parts/title.html', { "title": "Pagination", "crumbs": "

" })

Add pagination links to help split up your long content into shorter, easier to understand blocks.

1
2
3
4
5

<ul class="pagination">
  <li class="disabled"><a href="#!"><i class="mdi-navigation-chevron-left"></i></a></li>
  <li class="active"><a href="#!">1</a></li>
  <li class="waves-effect"><a href="#!">2</a></li>
  <li class="waves-effect"><a href="#!">3</a></li>
  <li class="waves-effect"><a href="#!">4</a></li>
  <li class="waves-effect"><a href="#!">5</a></li>
  <li class="waves-effect"><a href="#!"><i class="mdi-navigation-chevron-right"></i></a></li>
</ul>

@@include('./parts/search-bar.html') @@include('./parts/chat.html') @@include('./parts/foot.html', { "copyright": true })