Loading...

Quick Search Results

close
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sunt in culpa quifdaasd quis.

  • Duis non semper sapien. Morbi imperdiet velit in bibendum lobortis. Integer arcu urna, elementum in pellentesque nec, finibus at nisi.

Pagination

Documentation and examples for showing pagination to indicate a series of related content exists across multiple pages.
Basic

We use a large block of connected links for our pagination, making links hard to miss and easily scalable—all while providing large hit areas. Pagination is built with list HTML elements so screen readers can announce the number of available links. Use a wrapping <nav> element to identify it as a navigation section to screen readers and other assistive technologies.

Circle

Circled pagination style.

Alignment

Change the alignment of pagination components with flexbox utilities.

Lorem Ipsum
Integer in faucibus diam?
Vivamus quis neque volutpat, hendrerit justo vitae, suscipit dui
Suspendisse condimentum tortor et lorem pretium
dolore eu fugiat nulla pariatur
Duis maximus leo eget massa porta