import {Pagination} from "@qinetik/anique/pagination";
export default function BasicPaginationExample() {
return (
<Pagination
total={5}
current={1}
linkProps={(pageNumber) => ({
href: "#" + pageNumber
})}
/>
)
}
Pagination
Here's how to compose it yourself
import {PaginationAnchor, PaginationLinks, PaginationRoot} from "@qinetik/anique/pagination";
export default function ComposablePaginationExample() {
return (
<PaginationRoot>
<PaginationLinks total={5}>
{pageNumber => (
<PaginationAnchor href={"#" + pageNumber}>{pageNumber}</PaginationAnchor>
)}
</PaginationLinks>
</PaginationRoot>
)
}