ArcanePagination

Use pagination for bounded result sets where users need page navigation without custom chrome.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: pagination

Preview + Code

Code

int page = 2;

ArcanePagination(
  currentPage: page,
  totalPages: 8,
  onPageChange: setPage,
)

ArcanePagination#

Use pagination for bounded result sets where users need page navigation without custom chrome.

The live preview and code sample above use the neutral package:arcane_jaspr/arcane_jaspr.dart API. The selected stylesheet owns spacing, density, radius, color, and interaction styling, so the same app code can render differently under Shadcn or Neon.

Source: lib/component/navigation/pagination.dart

See the Component Catalog for the full exported surface and source mapping.

ArcanePagination

Use pagination for bounded result sets where users need page navigation without custom chrome.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: pagination

Preview + Code

Code

int page = 2;

ArcanePagination(
  currentPage: page,
  totalPages: 8,
  onPageChange: setPage,
)

ArcanePagination#

Use pagination for bounded result sets where users need page navigation without custom chrome.

The live preview and code sample above use the neutral package:arcane_jaspr/arcane_jaspr.dart API. The selected stylesheet owns spacing, density, radius, color, and interaction styling, so the same app code can render differently under Shadcn or Neon.

Source: lib/component/navigation/pagination.dart

See the Component Catalog for the full exported surface and source mapping.

ArcanePagination

Use pagination for bounded result sets where users need page navigation without custom chrome.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: pagination

Preview + Code

Code

int page = 2;

ArcanePagination(
  currentPage: page,
  totalPages: 8,
  onPageChange: setPage,
)

ArcanePagination#

Use pagination for bounded result sets where users need page navigation without custom chrome.

The live preview and code sample above use the neutral package:arcane_jaspr/arcane_jaspr.dart API. The selected stylesheet owns spacing, density, radius, color, and interaction styling, so the same app code can render differently under Shadcn or Neon.

Source: lib/component/navigation/pagination.dart

See the Component Catalog for the full exported surface and source mapping.