UI / Components / data / Pagination

Pagination

Cursor or offset. Keyboard arrows.

Pagination control supporting cursor-based (Prev / Next) or offset-based (page numbers). Keyboard arrows nav. Auto-hides when there's only one page.

$npx dock-ui add pagination

Usage

import { Pagination } from "@/components/ui/pagination";

<Pagination mode="cursor" hasPrev={!!cursor} hasNext={!!nextCursor} onPrev={prev} onNext={next} />

Install

via CLI

$ npx dock-ui add pagination

Writes the file(s) directly to your components/ui/ folder. You own the code.

For agents

curl -L https://ui.trydock.ai/r/pagination.json

Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.

← All components

Themes·Component kit · glossary

View on GitHub →