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

Filled
<MudPagination Variant="Variant.Filled" Count="4"/>
Disabled

Pagination can be disabled with the Disabled prop.

<MudPagination Disabled="true" Count="3" />

Copyright © 2020-2024 MudBlazor.

Powered by .NET 8.0.8

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