pagination.md

< Back to Components List

Pagination

polaris-pagination implements the Polaris Pagination component.

NOTE: the - nextTooltip, previousTooltip nextUrl and previousUrl properties are not currently implemented.

Examples

Basic usage:

{{polaris-pagination
  hasPrevious=true
  hasNext=true
  onPrevious=(action "handlePreviousButton")
  onNext=(action "handleNextButton")
}}

Plain mode pagination:

{{polaris-pagination
  plain=true
  hasPrevious=true
  hasNext=true
  onPrevious=(action "handlePreviousButton")
  onNext=(action "handleNextButton")
}}

With keyboard support:

{{polaris-pagination
  hasPrevious=true
  hasNext=true
  previousKeys=(array "ArrowLeft" "KeyH")
  nextKeys=(array "ArrowRight" "KeyL")
  onPrevious=(action "handlePreviousButton")
  onNext=(action "handleNextButton")
}}