Pagination

Use Pagination

Pagination is a named export of @flood-md/react. Connect the package once, then import what you use.

"use client";

import { FloodRoot, Pagination } from "@flood-md/react";
import "@flood-md/react/styles.css";

export function Example() {
  return (
    <FloodRoot>
      <Pagination page={1} pageCount={20} getHref={page => `?page=${page}`} />
    </FloodRoot>
  );
}

Design notes

• Use getHref for native route links, onPageChange for local controlled data, or both for a navigation notification. Modifier clicks retain browser behavior.
• Page and pageCount must be positive safe integers within range. Empty datasets can omit Pagination. siblingCount 0/1/2 controls compactness; endpoints are noninteractive when unavailable.

API reference