Skip to content

Pagination - Web Component

...

Browser support

Parameters

The Web component uses a <z-pagination> tag.

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

NameTypeDescription
pagesnumber
show-edgesboolean
disabledboolean

The events emitted from the component are:

NamePayloadDescription
onchangenumberReturns the new value of the "value" attribute

Playground

Customization

HTML Examples

Imports
html
<link rel="stylesheet" href="/0.3.7/@zurich/web-components/styles.css" />
<script type="module" src="/0.3.7/@zurich/web-components/pagination.js"></script>
Code
html
<z-pagination pages="100" value="1" show-edges></z-pagination>