Pagination

<sw-pagination>

ready

Usage

Loading...
<sw-pagination :total="500" :limit="25" :page="1"></sw-pagination>

Component properties

Property name Type Default
total Number
limit Number
page Number
totalVisible Number 7
steps Array
autoHide Boolean true

Methods

Method name Parameters
range from to
pageChange No parameters
onPageSizeChange perPage
firstPage No parameters
prevPage No parameters
nextPage No parameters
lastPage No parameters
changePageByPageNumber pageNum
refresh No parameters

Imports

  • ./sw-pagination.scss
  • ./sw-pagination.html.twig

Watcher

  • page
  • maxPage

SASS variables

Variable name Value
$sw-pagination-color-background $color-white (#FFF)
$sw-pagination-controls-color-border $color-steam-cloud ($color-gray-300)
$sw-pagination-controls-color-hover $color-shopware-blue ($color-shopware-brand-500)
$sw-pagination-controls-color-text $color-gutenberg ($color-darkgray-200)
$sw-pagination-border-radius $border-radius-default (4px)

Twig blocks

  • sw_pagination_page_prev
  • sw_pagination_page_list_item_button
  • sw_pagination_page_list_item_separator
  • sw_pagination_page_list_item
  • sw_pagination_page_list
  • sw_pagination_page_next
  • sw_pagination_per_page_selection
  • sw_pagination