Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProPagination with page info on left, built from the pagination component.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Pagination with page info on left, built from the pagination component. Use it as a starting point for the pagination in your own screens: copy it, then replace the sample copy, data and handlers with yours.
Do not use it as a finished feature. It is a composition of existing components with sample content and no data layer.
It composes pagination, which the CLI installs for you.
import { PaginationLeftPageInfo } from "@/components/pagination-left-page-info"<PaginationLeftPageInfo />| Prop | Type | Default | Description |
|---|---|---|---|
| - | - | - | The pattern takes no props. Edit the source to change its content and handlers. |
It is built from the pagination component, which keep their own focus, keyboard and ARIA behaviour. Pagination is a nav landmark; the current page has aria-current=page. Keep a visible label or an aria-label on every control you add, and keep icon-only buttons named. Colours come from the theme tokens, spacing and alignment use logical properties so the layout mirrors in right-to-left languages, and motion is turned off under prefers-reduced-motion.
The pattern ships with a test (pagination-left-page-info.test.tsx) that renders it and checks that every button, link, field and other control has an accessible name.
Based on the ReUI example c-pagination-9 (ReUI, MIT, Copyright (c) 2025 Keenthemes Inc), adapted for tealmac UI. See the third-party notices.