spz-pagination

A long list can be divided into several pages using Pagination.

The spz-pagination must be used with the spz-list element.

The element can have a child of the svg to custom arrows that can change to the next or previous page. The custom arrows must have a role="arrow" attribute.

<spz-list
  id="list"
  layout="container"
  src="/api/products/00008888"
  ...
>
  <!-- ... -->
</spz-list>

<spz-pagination layout="container" list-id="list">
  <svg role="arrow"><!-- ... --></svg>
</spz-pagination>

required

Specifies the id of the spz-list element.

A integer number, defaults to 2. Show the page number before and after when the current page is active.

Add a class to the svg that clicks on the next page and the previous page.

A string of the event name. Report data when the element is changed.

本页目录