PineUiPhoenix.Components.Pagination (Pine UI v0.2.0)

Page navigation.

A port of the Pines pagination. Pure Tailwind.

<.pagination page={@page} total_pages={@total_pages} path={&~p"/users?page=#{&1}"} />

Summary

Navigation

pagination(assigns)

Renders a numbered pager with ellipses.

Examples

<.pagination page={@page} total_pages={@total_pages}
             path={&~p"/users?page=#{&1}"} />

<.pagination page={@page} total_pages={@total_pages} on_select="goto-page" />

Renders nothing at all when there is one page or fewer — a pager for a single page is noise, and callers should not have to guard for it.

Attributes

page (:integer) (required) - The current page, 1-based.
total_pages (:integer) (required)
path (:any) - A 1-arity function mapping a page number to an href, e.g. &~p"/users?page=#{&1}". Renders real links, which are crawlable and middle-clickable. Omit it and pass on_select instead to drive the change through an event.
Defaults to nil.
on_select (:any) - Event name pushed with a page value, e.g. "goto-page". Defaults to nil.
siblings (:integer) - How many page numbers to show either side of the current one. Defaults to 1.
show_edges (:boolean) - Always show the first and last page. Defaults to true.
label (:string) - Defaults to "Pagination".
class (:string) - Defaults to nil.
Global attributes are accepted.