Pagination Alpha

overview

A pagination element featuring box-style page numbers.

Pagination Alpha
Available for:
Figma
Bricks
Gutenberg
Buy Frames
Back to library

Overview

This pagination element can be dropped below any query loop that you intend to use pagination on. It uses Bricks’ native pagination element and features a box-style number design.

Query Loop Compatible

Variables

This frame uses the following locally scoped variables to make it easier for you to edit the style or behavior of this frame. Variables can be viewed or edited from the CSS tab.
--box-size

Set the height and width of the number box.

--border-radius

Set the border radius of the number box.

HTML5 Tags & Attributes

No related HTML5 elements.

Accessibility Notes

No additional accessibility notes for this frame.

Related Frames

FAQs

How do I turn the squares into circles?

Click on Pagination Alpha (.fr-pagination-alpha) and navigate to the CSS tab. Replace the value of the –border-radius variable with “50%”.

Use the related frames section above to check FAQs for other frames related to this frame if you don't see your question here.