Navigation

Pagination

Display the current active page and enable navigation between multiple pages.

CLI

To generate a specific style for customization:

dart run forui style create pagination

Usage

`FPagination(...)`

1FPagination(
2  style: .delta(itemPadding: .value(.symmetric(horizontal: 2))),
3  previous: Icon(FLucideIcons.chevronLeft),
4  next: Icon(FLucideIcons.chevronRight),
5)

Examples

Siblings

Hide Edges

Custom Icons

With a `PageView`

Header

A header contains the page's title and navigation actions. It is typically used on pages at the root of the navigation stack.

Sidebar

A sidebar widget that provides an opinionated layout for navigation on the side of the screen.

Pagination

On this page