hoppscotch / ui

https://ui.hoppscotch.io

Home Page:https://ui.hoppscotch.io

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

feat: add pagination component

anwarulislam opened this issue · comments

Implement a reusable pagination component that allows users to navigate through large datasets efficiently.

Functionality:

  • Next/Previous Buttons: Provide buttons to navigate to the next and previous page of data.
  • Page Numbers: Display a list of page numbers for easy navigation.
  • Limit: Allow users to specify the number of items displayed per page.
  • Current Page Indicator: Clearly indicate the currently viewed page.
  • Accessibility: Ensure the component is accessible to users with disabilities.

I have taken part in the foss hack event and request you to assign this issue to me under the event.
My approach to solve this issue would be to add the Pagination component as a new component in the src/components folder and then add the related story to it in the stories folder and then test the code. I will use the shadcn pagination component and the pagination component at the bottom of google search page for reference and will show the page numbers, back and forward arrow and will highlight the current page.
If there is anything more I need to do please guide me.