Pagination

Pagination links indicate a series of related content exists across multiple pages. Typically these are used where a multi-page approach to long lists of content improves general performance, such as in search results or inboxes.

Basic example

Numbers only

Numbers with direction links

Numbers, direction links and boundary links

Disabled and active states

Pagination links are customizable for different circumstances. Use `.disabled` for links that appear un-clickable and `.active` to indicate the current page.

Alignment

Change the alignment of pagination components with flexbox utilities.

Centered

Right aligned