View Source SaladUI.Pagination (SaladUI v1.0.0-beta.3)

Implementation of pagination component for navigation between pages of content.

Examples:

<.pagination>
  <.pagination_content>
    <.pagination_item>
      <.pagination_previous href="#" />
    </.pagination_item>
    <.pagination_item>
      <.pagination_link href="#" is_active={@page == 1}>1</.pagination_link>
    </.pagination_item>
    <.pagination_item>
      <.pagination_link href="#" is_active={@page == 2}>2</.pagination_link>
    </.pagination_item>
    <.pagination_item>
      <.pagination_link href="#" is_active={@page == 3}>3</.pagination_link>
    </.pagination_item>
    <.pagination_item>
      <.pagination_ellipsis />
    </.pagination_item>
    <.pagination_item>
      <.pagination_next href="#" />
    </.pagination_item>
  </.pagination_content>
</.pagination>

Summary

Functions

Renders a pagination component.

Renders pagination content wrapper.

Renders an ellipsis for page ranges.

Renders a pagination item container.

Renders a pagination link.

Renders a next page button.

Renders a previous page button.

Functions

Renders a pagination component.

Attributes

  • class (:string) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)
Link to this function

pagination_content(assigns)

View Source

Renders pagination content wrapper.

Attributes

  • class (:string) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)
Link to this function

pagination_ellipsis(assigns)

View Source

Renders an ellipsis for page ranges.

Attributes

  • class (:string) - Defaults to nil.
  • Global attributes are accepted.
Link to this function

pagination_item(assigns)

View Source

Renders a pagination item container.

Attributes

  • class (:string) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)
Link to this function

pagination_link(assigns)

View Source

Renders a pagination link.

Options

  • :is_active - Whether this link represents the current page
  • :size - Link size variant (default, sm, lg, icon)

Attributes

  • is-active (:boolean) - Defaults to false.
  • size (:string) - Defaults to "icon".
  • class (:string) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)
Link to this function

pagination_next(assigns)

View Source

Renders a next page button.

Attributes

  • class (:string) - Defaults to nil.
  • Global attributes are accepted.
Link to this function

pagination_previous(assigns)

View Source

Renders a previous page button.

Attributes

  • class (:string) - Defaults to nil.
  • Global attributes are accepted.