# Pagination

> AstrolPagination: Blazor pagination with page, page size and total items.

Source page: https://doc.astrolui.com/basic-component/pagination

Page navigation for grids or server-side paged lists.

## 1. Demo AstrolPagination

```razor
@using Astrol.Component.Basic.Pagination
@using Astrol.Entities.Basic.UI.Grid

<AstrolPagination Page="@page" PageSize="@pageSize" ItemCount="@total" PaginationChange="OnChange" />

@code {
    private int page = 1;
    private int pageSize = 10;
    private int total = 237;

    private async Task OnChange(GridInfo info)
    {
        page = info.Page;
        pageSize = info.PageSize;
        // load the page from the server with info.Page / info.PageSize
    }
}
```

### Supported parameters

- **Page** (int): current page (default **1**).
- **PageSize** (int): items per page (default **10**).
- **PageSizeList** (List<int>): sizes offered by the selector (default **5, 10, 20, 50, 100**).
- **ItemCount** (int): total items (used to compute the number of pages).
- **PaginationChange** (EventCallback<GridInfo>): when the page or size changes or refresh is pressed; **GridInfo** has **Page** and **PageSize**.
- **TextPage, TextOf, TextPageSize, TextItem, TextAll** (string?): texts (default in the app language).

AstrolGrid already includes it; use it alone for server-side paged lists or cards.