Pagination helps to break down long lists into multiple sections that are indexed by a
When you should use this component
You should use the pagination component when you want to display large amounts of related content that
spans across multiple pages. E.g Search results or forum posts.
When you should consider something else
You should not use the pagination component to indicate progress, such as in a transaction.
You should also not use the component as a replacement for navigation.
For main navigation, do use the main nav and side nav components
Disabling the button
You can disable some links if they are not active by adding a
You can align the pagination buttons using the
Rounded Pagination buttons
You can use
.is-rounded to make all pagination buttons rounded.
You can nest icons instead of text in the previous and next buttons by nesting child elements
||Align pagination buttons in the center
||Align pagination buttons to the right
||Rounds the buttons of the pagination links
Having troubles with the guide? Please give us more details and we'll get back to you soon.
Chat with the team