View Source SaladUI.Pagination (SaladUI v1.0.0-beta.2)
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.