EverFiComponents
GitHub Mark

GitHub

  • Components
  • Example Component
  • Themes
  • Example Theme
  • Layouts
  • Example Layout
  • Atoms
  • Buttons
  • Colors
  • Fonts
  • Forms
  • Images
  • Tables
  • Typography
  • Molecules
  • Alerts
  • Badges
  • Breadcrumbs
  • Cards
  • Carousel
  • Pagination
  • Panels
  • Progress Bars
  • Search
  • Tabs
  • Tooltips
  • Organisms
  • Footer
  • Header

Pagination

Gives the user navigation control to browse from page to page, as well as to the previous and next pages by providing links to such actions.

Basic Page Navigation

  1. <
  2. 1
  3. 2
  4. 3
  5. 4
  6. 5
  7. 6
  8. >
<ol class="pagination">
<li>
<a href="#" aria-label="Previous">
<span aria-hidden="true"><</span>
</a>
</li>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>
<a href="#" aria-label="Next">
<span aria-hidden="true"><>/span>
</a>
</li>
</ol>

Pager

  • Back
  • Next
<nav aria-label="...">
<ul class="pager">
<li><a href="#">Back</a></li>
<li><a href="#">Next</a></li>
</ul>
</nav>

© 2008 EverFi. All rights reserved.