ComponentsNavigation
Pagination
Page buttons for moving through a long, ordered list one page at a time. Choose it when readers need to jump to or return to a specific page; prefer infinite scrolling for casual browsing.
Basic pagination
Count is the number of pages; bind Selected to know the current one. Pages are numbered from 1.
Page 1 of 12
Every color and variant
All 36 combinations of Color and Variant. The selected page takes the color; the others stay neutral.
| Color ↓ · Variant → | Text | Filled | Outlined |
|---|---|---|---|
| Default | |||
| Primary | |||
| Secondary | |||
| Tertiary | |||
| Info | |||
| Success | |||
| Warning | |||
| Error | |||
| Dark | |||
| Transparent | |||
| Inherit | |||
| Surface |
Sizes and shapes
Three sizes, with round buttons or Rectangular ones. DropShadow, on by default, can be switched off in the playground.
| Size | Round, filled | Rectangular, outlined |
|---|---|---|
| Small | ||
| Medium | ||
| Large |
Boundary and middle counts
With many pages the middle is elided. BoundaryCount sets how many pages stay at each end, MiddleCount how many surround the current one. First and last buttons jump to the ends.
Page 18 of 40
Paging a list
Pagination bound to a filtered list. The page count follows the filter, the current page is clamped when the list shrinks, and an empty result says so.
The Lighthouse Keeper's Almanac
Ines Varga
Salt and Cedar
Tomasz Brennan
A Field Guide to Fog
Mireille Achebe
Night Trains of the North
Oskar Lindqvist
14 books · page 1 of 4
Playground
Change any parameter; the markup below shows only the values that differ from the defaults.
<MudPagination
Count="10"
@bind-Selected="_page"
Variant="Variant.Filled"
Size="Size.Small" />