Example of Pager Dropdown in Blazor Pager Component
This sample shows how to change the Page size dynamically using the drop down in the Pager component.
Items per page
ASP.NET MVC
Nick Harrison
ASP.NET Model View Controller design pattern to keep the data, views, and logic clearly separated in apps.
Node.js
Emanuele DelBono
Node.js is a wildly popular platform for writing web applications that has revolutionized web development in many ways.
React.js
Dmitri Nesteruk
React is a JavaScript library that has revolutionized how developers design and think about views in web applications.
TypeScript
Steve Fenton
Microsoft TypeScript extends many familiar features of .NET programming to JavaScript.
PHP
Jose Roberto Olivas Mendoza
Known for its straightforward simplicity, PHP is an open source, general-purpose scripting language oriented for web development.
In this demo, initially the Blazor Cards has been rendered based on the PageSize (5) defined in the Pager. Using the PageSizes property you can define the customized page size list and it is displayed in the pager drop down. Now you can increase/decrease the Cards rendering count based on the page size selected in the pager drop down.
More information about using pager drop downs in Blazor Pager component can be found in this documentation section.