Quartz Headless
All components
Primitives

Pagination

Bounded page navigation with current-page semantics and focus recovery.

DocumentationAPI reference

Playground

Change the inputs, watch the outputs and copy the usage code.

Pagination

Bounded page model with current-page semantics and boundary focus recovery.

Page 2 of 5

Inputs

Template

<nav qzPagination aria-label="Search results" [(page)]="page" [pageCount]="5">…</nav>

Pagination — expanded preview

Example

Pagination
Loading demo…

Install

npm install @quartz-headless/core @quartz-headless/primitives

// exports
import { PaginationDirective } from '@quartz-headless/primitives';

Prefer owning the source? Copy it with the CLI.