Pagination

Semantic pagination list with previous/next helpers.

Usage

import {Pagination, PaginationItem, PaginationLink, PaginationList} from 'kinu';

<Pagination>
  <PaginationList>
    <PaginationItem><PaginationLink aria-current="page">1</PaginationLink></PaginationItem>
  </PaginationList>
</Pagination>

Exports

Name Description Rendered HTML
Pagination Page navigation <nav k="pagination">
PaginationList Page list <ul k="pagination-list">
PaginationItem Page item <li k="pagination-item">
PaginationLink Page link <button k="pagination-link">

Props

Prop Type Default Description
aria-current `boolean "page" "true"

Notes

  • Renders <nav> and list markup for accessibility.
  • Use aria-current on the active page link.

_Source: src/components/pagination/index.tsx