Pagination

Pagination

Pagination with page navigation, built using the Pagination component.

Basic

A simple pagination component.

With Ellipsis

Use ellipsis to indicate additional pages.

Interactive

A functional pagination with state management.

Page 1 of 5

Accessibility

The Pagination component uses semantic HTML with nav and aria-label attributes for screen readers. Current page is indicated with aria-current="page".

API Reference

Component parameters and their types.

Prop Type Default Description
ChildContent RenderFragment? PaginationContent and items.

Reconnecting...

Attempting to rejoin the server

Connection Lost

Retrying in seconds

Connection Failed

Failed to rejoin the server.
Please retry or reload the page.

Session Paused

The session has been paused by the server

Resume Failed

Failed to resume the session.
Please reload the page.