Pagination

This component allows the user to select a specific page from a range of pages.

Usage

Pagination displays the number of pages based on the Count prop, with prev and next buttons surrounding it.
The selected index can be binded with Selected prop.

Selected page: 1

<MudPagination Color="Color.Primary" Count="4" @bind-Selected="@_selected"/>

<MudText Align="Align.Center">Selected page: @_selected</MudText>
@code {
    private int _selected = 1;
}
Variants

The default variant is Text but can be changed to both Filled and Outlined

Copyright © 2020-2025 MudBlazor.

Powered by .NET 8.0.8

An error has occurred. This application may no longer respond until reloaded. Reload 🗙