Skip to content
NAVIGATION · FREE

Pagination

Move through long lists page by page.

Move through long lists page by page, with an ellipsis for long ranges and an optional page size choice.

Why it helps

  • Handles long ranges
  • Page size option
  • Accessible

Where it fits

  • Tables
  • Search results
  • Galleries
Pagination control in a RayCraft page

Example

<Pagination Count="20" @bind-Page="_page" />
<p>Page @_page of 20</p>

@code {
    private int _page = 8;
}

A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.

Included in RayCraft Free. Working examples are in the GitHub repository (MIT); it holds example and demo code, not the library code.

All controls ยท Documentation