Native link-based pagination structure without data ownership.
@combric/react · v1.1.1 · Current
import { Pagination, PaginationList, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext } from "@combric/react";Load the native stylesheet with @import "@combric/react/css";. This path does not require Tailwind.
import { Pagination, PaginationItem, PaginationLink, PaginationList, PaginationNext, PaginationPrevious } from "@combric/react";
export function Example() {
return <Pagination><PaginationList><PaginationItem><PaginationPrevious disabled /></PaginationItem><PaginationItem><PaginationLink current href="?page=1">1</PaginationLink></PaginationItem><PaginationItem><PaginationNext href="?page=2" /></PaginationItem></PaginationList></Pagination>;
}| Name |
|---|
Pagination |
PaginationList |
PaginationItem |
PaginationLink |
PaginationPrevious |
PaginationNext |
| Property / capability | Published contract |
|---|---|
| Contract | current |
| Contract | disabled |
| Contract | native anchor props |
Current links use aria-current; disabled links lose href and leave the tab order.
Combric classes and canonical --combric-* variables provide the package presentation. Consumer className extends the required class; it does not replace the component contract.