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 tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Renders pagination content wrapper.
Attributes
class
(:string
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Renders an ellipsis for page ranges.
Attributes
class
(:string
) - Defaults tonil
.- Global attributes are accepted.
Renders a pagination item container.
Attributes
class
(:string
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
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 tofalse
.size
(:string
) - Defaults to"icon"
.class
(:string
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Renders a next page button.
Attributes
class
(:string
) - Defaults tonil
.- Global attributes are accepted.
Renders a previous page button.
Attributes
class
(:string
) - Defaults tonil
.- Global attributes are accepted.