Tier D3
RN-universal Pagination pilot
ScaffoldedProps-driven pagination. Takes totalPages + currentPage + onPageChange; truncates long ranges with ellipses. Simpler API than the shadcn compound (which exposes six subparts).
Side-by-side: 10 pages
shadcn (compound)
RN
Page 3 of 10
Long range (50 pages) — ellipses collapse
Page 17 of 50 · Click the page numbers to see ellipses reposition.
Small range (3 pages) — all shown
Semantics
| Aspect | shadcn | RN | Notes |
|---|---|---|---|
| Wrapper | <nav aria-label="pagination"> | <View role="navigation"> | Equivalent |
| Item list | <ul><li> | <View> | RN has no list semantics at this level |
| Current | aria-current="page" | aria-current="page" | Forwarded via cast on RN |
| Ellipsis | aria-hidden + sr-only | aria-hidden | Same behavior |
| Keyboard | button focus order | Pressable focus order | RN Web handles tab/enter naturally |