Pagination
Move through long collections with bounded numbered links.
Preview
Example
<.pagination page={@page} total_pages={@total_pages} path={fn page -> ~p"/projects?page=#{page}" end} />API contract
pagination/1 uses declared Phoenix attributes and slots. This table is generated from the compiled component metadata.
| Attribute | Type | Required | Default | Accepted values |
|---|---|---|---|---|
page |
:integer |
Yes | — |
Any value matching the declared type |
total_pages |
:integer |
Yes | — |
Any value matching the declared type |
path |
:any |
Yes | — |
Any value matching the declared type |
label |
:string |
No | "Pagination" |
Any value matching the declared type |
class |
:any |
No | nil |
Any value matching the declared type |
States and behavior
Current, disabled, loading, or active state is exposed where the component supports it.
Keyboard and accessibility
Actions and destinations remain native buttons or links and retain standard Enter, Space, and focus behavior.