https://github.com/hipstersmoothie/bulma-pagination-react

Bulma pagination as a react component.
https://github.com/hipstersmoothie/bulma-pagination-react

Last synced: 10 days ago
JSON representation

Bulma pagination as a react component.

• Host: GitHub
• URL: https://github.com/hipstersmoothie/bulma-pagination-react
• Owner: hipstersmoothie
• Created: 2018-10-23T18:39:48.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-10-25T16:54:43.000Z (over 6 years ago)
• Last Synced: 2025-04-17T01:36:52.530Z (15 days ago)
• Language: JavaScript
• Homepage: https://hipstersmoothie.github.io/bulma-pagination-react/
• Size: 956 KB
• Stars: 5
• Watchers: 2
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  

  
bulma-pagination-react

 {

  const pages = Math.ceil(posts.length / perPage);


  return (

     console.log(`/blog?page=${page}`)}

    />

  );

};

export default Pager;

```

### onChange

Function called when a button or page link is clicked. The only argument supplied to the function is the new page number.

### visibleRadius

Modify how many page elements are visible in the pagination component. Defaults to 1.

### className

`bulma-pagination-react` has classes that effect all elements in the component.

- className: ClassName for the wrapper

- prevClassName: ClassName for the previous button

- nextClassName: ClassName for the next button

- linkClassName: ClassName for each page link

- listClassName: ClassName for the list of page links