/\˜˜/   /\˜˜/\   
  /__\/   /__\/__\    
 /\  /   /\  /\  /\ 
/__\/   /__\/  \/__\  Polymer
\  /\  /\  /   /\  /
 \/__\/__\/   /__\/   
  \  /\  /   /\  /  
   \/__\/   /__\/   

paper-pagination

Polymer pagination element. Input record count, pagesize to get list of page chooser. Demo

Setup

Clone this repo or install by bower. bower install paper-pagination

Document

Properties

Properties	Type	Description
pageSize	Number	Number of items per page
total	Number	Total items count
rangeSize	Number	Number of visible page item on large collection.
currentPage	Number	Current selected page
hidden	Number	hidden if pageSize == 1
hiddenFirstPageButton	Boolean (readonly)
hiddenLastPageButton	Boolean (readonly)
hiddenNextPageButton	Boolean (readonly)
hiddenPreviousPageButton	Boolean (readonly)

Sample

  <paper-pagination page-size="5" total="21" current-page="{{currentPage}}"></paper-pagination>
  <span> page:{{currentPage}></span>

To observe the change on currentPage, use observer

  observer:['_currentPageChange(currentPage)'],
  _currentPageChange:function(c){
    console.log(c)
  },