Shadcn.io is not affiliated with official shadcn/ui
Large Size
Accessible pagination with large sizing using h-11 w-11 and increased spacing for improved touch targets built with shadcn/ui
Accessibility isn't optional—some users need bigger targets. This React pagination uses size lg prop with h-11 height, w-11 width, text-base text, and gap-2 spacing for maximum usability. Built with shadcn/ui and Radix UI, large sizing exceeds WCAG touch target minimums and improves visibility—perfect for touch-heavy mobile apps, accessibility-focused sites, elderly user demographics, kiosk interfaces, or any application where ease of interaction trumps space efficiency.
Large Size preview
Installation
Related Components
Default Size
Standard pagination sizing for most use cases
Small Size
Compact pagination for limited space
Spacious Layout
Increased gap spacing between controls
Button Sizes
Button size variants including large
Standard Pagination
Basic pagination pattern
Data Table
Paginated table implementation
FAQ
Was this page helpful?
Sign in to leave feedback.