Skip to content
Bricks Academy
Get Bricks

Pagination

The Pagination element displays page navigation for query results with customizable styling.

Settings

Section titled “Settings”

  • Query (query-list) - Select which query this pagination controls.

  • Alignment (justify-content) - Horizontal alignment of pagination links.

  • Height (number with units) - Height of pagination buttons.

  • Width (number with units) - Width of pagination buttons.

  • Spacing (number with units) - Gap between pagination buttons. Default: 20px.

  • Background (color) - Background color of pagination buttons.

  • Border (border) - Border styling for pagination buttons.

  • Typography (typography) - Font settings for pagination buttons.

Current

Section titled “Current”

  • Background (color) - Background color of the current page button.

  • Border (border) - Border styling for the current page button.

  • Typography (typography) - Font settings for the current page button.

Icons

Section titled “Icons”

  • Previous Icon (icon) - Icon for the previous page button.

  • Next Icon (icon) - Icon for the next page button.

Miscellaneous

Section titled “Miscellaneous”

  • End Size (number) - Number of page numbers shown at the start and end. Default: 1.

  • Mid Size (number) - Number of page numbers shown on each side of current page. Default: 2.