Liferay.Design / Lexicon
/
Get StartedResources
Part of Liferay, IncCode/Content LicensesPowered by Gatsby and Netlify

Pager

Sign In
View in Clay

Pager allows navigation between pages of a process or task divided into subtasks (pages).

pager default




pager aligned

Usage

Pagers are commonly used in forms that are chucked because of their length.

Variations

Default pager

Use the default pager when you need a simple pagination pattern that does not require the page size to be changed.

pager default

Aligned pager

The aligned pager aligns the links to the left and right.

pager aligned

States

States inform the user where the process has its limits and where it can go. Make sure you disable and enable them properly according to the sequence.

pager aligned disable

Sizes

When deciding a size to use, consider the available space and the hierarchical importance:

SizeDescription
SmallThe font-size is 12px and the proportions are smaller.
DefaultThe font-size is 16px and the proportions are smaller.
LargeThe font-size is 18px and the proportions are bigger.
Something to improve? Report an issue!
Menu