Skip to content

Pagination - Web Component

Browser support

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

Parameters

The Web component uses the <z-pagination> tag:

By default, all the parameters are optional or can be set in different, except for the ones marked as required

The parametrization of the component can be done with the following custom HTML params:

NameTypeDescriptionSlot
pages
[required]
numberTotal number of pages
show-edgesbooleanShow first and last page buttons
disabledbooleanBlocks user interaction with the component

The events emitted from the component are:

NamePayloadDescription
changenumberReturns the new value of the "value" attribute
restartedvoidEmitted on value reset

pages

The pages parameter is used to set the number of pages that the pagination will have.

show-edges

The show-edges parameter is used to set the visibility of the first and last pages.

disabled

The disabled parameter is used to block the interaction with the component.

Playground

Customization

HTML Examples

StackBlitz example