Load-more footer for incrementally-loaded lists.

Renders a centered "Showing N of M %{noun}" line and a "Load more" button (hidden when loaded >= total). Clicking the button emits the LV event named in on_load_more.

Suited for embeddable LVs where URL-param pagination isn't an option, lists with DnD reorder (rows append rather than navigate away), and lists with client-side bulk-select (selection persists because the DOM grows, it doesn't get replaced).

Attributes

• loaded — number of rows currently rendered (required)
• total — total rows matching the current filter/sort (required)
• on_load_more — LV event name pushed on button click (default "load_more")
• noun_plural — used in the "Showing N of M %{noun}" line (default "items")
• class — additional classes on the outer wrapper

Example

<.load_more
  loaded={length(@projects)}
  total={@total_count}
  on_load_more="load_more"
  noun_plural={gettext("projects")}
/>

Attributes

• loaded (:integer) (required)
• total (:integer) (required)
• on_load_more (:string) - Defaults to "load_more".
• noun_plural (:string) - Defaults to "items".
• class (:string) - Defaults to "".

Renders complete pagination controls with automatic URL building.

Simpler alternative to pagination_controls that handles URL building internally. Preserves all query parameters while changing page number.

Attributes

• current_page - Current active page number (required)
• total_pages - Total number of pages available (required)
• base_path - Base URL path without query params (required)
• params - Map of query parameters to preserve (default: %{})

Examples

<.pagination
  current_page={@page}
  total_pages={@total_pages}
  base_path="/admin/emails"
  params={%{"search" => @filters.search, "status" => @filters.status}}
/>

<%!-- Minimal usage --%>
<.pagination
  current_page={1}
  total_pages={10}
  base_path="/admin/logs"
/>

Attributes

• current_page (:integer) (required)
• total_pages (:integer) (required)
• base_path (:string) (required)
• params (:map) - Defaults to %{}.

Displays pagination controls with page numbers and navigation buttons.

Attributes

• page - Current page number (required)
• total_pages - Total number of pages (required)
• build_url - Function that takes page number and returns URL (required)
• class - Additional CSS classes

Examples

<.pagination_controls
  page={@page}
  total_pages={@total_pages}
  build_url={&build_page_url(&1, assigns)}
/>

Attributes

• page (:integer) (required)
• total_pages (:integer) (required)
• build_url (:any) (required)
• class (:string) - Defaults to "".

Displays pagination information showing result range.

Attributes

• page - Current page number (required)
• per_page - Items per page (required)
• total_count - Total number of items (required)
• class - Additional CSS classes

Examples

<.pagination_info
  page={@page}
  per_page={@per_page}
  total_count={@total_count}
/>

# Renders: "Showing 1 to 25 of 100 results"

Attributes

• page (:integer) (required)
• per_page (:integer) (required)
• total_count (:integer) (required)
• class (:string) - Defaults to "".