Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

UI v2: Pagination #2124

Closed
VanishMax opened this issue Mar 19, 2025 · 0 comments · Fixed by #2125
Closed

UI v2: Pagination #2124

VanishMax opened this issue Mar 19, 2025 · 0 comments · Fixed by #2125
Assignees
@VanishMax
Labels
dex-explorer dex explorer related work ui Related to user interface or ux design

Comments

@VanishMax
Copy link
Contributor

https://www.figma.com/design/QSiF2XSvHAWwzBJS5C3f4S/Penumbra-Web-UI?node-id=1030-51107&m=dev
@VanishMax VanishMax mentioned this issue Mar 19, 2025
Open
49 tasks
@VanishMax VanishMax self-assigned this Mar 19, 2025
VanishMax added a commit that referenced this issue Mar 19, 2025
@VanishMax
feat(ui): #2124: add Pagination component
5bd2528
VanishMax added a commit that referenced this issue Mar 19, 2025
@VanishMax
feat(ui): #2124: improve Pagination
cffd58b
@VanishMax VanishMax mentioned this issue Mar 19, 2025
Merged
@VanishMax VanishMax moved this to Needs Review in Penumbra Web + Not Web Mar 19, 2025
@TalDerei TalDerei added the ui Related to user interface or ux design label Mar 20, 2025
VanishMax added a commit that referenced this issue Mar 21, 2025
@VanishMax
feat(ui): #2124: add visibleItems pagination prop
Loading
Loading status checks…
3cb9e6b
@TalDerei TalDerei added the dex-explorer dex explorer related work label Mar 22, 2025
VanishMax added a commit that referenced this issue Mar 24, 2025
@VanishMax
feat(ui): #2124: pagination (#2125)

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode
Loading
Loading status checks…
4adb7aa 
Closes #2124 

Add Pagination UI component with many props controlling its behavior.
Implements this design:
https://www.figma.com/design/QSiF2XSvHAWwzBJS5C3f4S/Penumbra-Web-UI?node-id=1030-51107&m=dev
and goes further and makes it look fine on mobile screens.

Live version:
https://penumbra-ui-preview--pr2125-feat-2124-paginatio-rii4kbmr.web.app/?path=/docs/ui-library-pagination--docs

<img width="1024" alt="image"
src="https://github.com/user-attachments/assets/8f36d41b-b0cc-4eb8-a85d-5955e16455ef"
/>
@github-project-automation github-project-automation bot moved this from Needs Review to ✅ Done in Penumbra Web + Not Web Mar 24, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@VanishMax VanishMax

Labels
dex-explorer dex explorer related work ui Related to user interface or ux design
Projects
Penumbra Web + Not Web
Status: ✅ Done
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

feat(ui): #2124: pagination penumbra-zone/web
2 participants
@VanishMax @TalDerei