Pagination

A real <nav aria-label="Pagination"> wrapping a real<ol> of page links. The active page is markedaria-current="page".

Usage

import { Pagination, PaginationItem, PaginationPrevious, PaginationNext } from "@kernelui/react";

<Pagination>
  <PaginationPrevious />
  <PaginationItem href="?page=1">1</PaginationItem>
  <PaginationItem href="?page=2" current>2</PaginationItem>
  <PaginationItem href="?page=3">3</PaginationItem>
  <PaginationNext />
</Pagination>

Parts

Component	Renders
`Pagination`	`<nav>` + `<ol>`
`PaginationItem`	`<li><a>`, accepts `current`
`PaginationPrevious` / `PaginationNext`	`<li><button>`
`PaginationEllipsis`	`<li aria-hidden>`