Skip to main content

Pagination

Buttons or a dropdown for navigating between pages.

https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=23954-98355

Demo

zeta-web v0.11.0
Web Components

Storybook

https://design.zebra.com/web/storybook/?path=/docs/components-pagination--docs

Attributes

NameDescriptionTypeDefault
totalPagesTotal number of pages.number10
siblingCountNumber of pages on both sides of current active page.number1
currentPageCurrent active page.undefinedundefined

Inherited Attributes

NameDescriptionTypeDefaultInherited From
roundedWhether the component is rounded or sharp.When true, rounded will set the border radius of the first child, and any children with class 'contourable-target' to --radius-minimal.Otherwise, this value will be --radius-none.boolean | undefinedtrueContourable