<h3>Construct pagination</h3>

<p>
    If you want to construct a pagination control from low-level components, you can
    use <code>pagination_wrapper</code> and <code>pagination_item</code>. The former
    serves as a container for pagination items, while the latter represents an
    individual page link. You can customize the appearance and behavior of each
    pagination item by passing appropriate parameters to it, such as <code>href</code>
    for the link URL or <code>active</code> to indicate the current page.
</p>

{%- call ui.util.call(show_example) -%}
    {%- raw %}
        {%- call ui.util.call(ui.pagination_wrapper) -%}
            {{ ui.pagination_item("Show older records", href="?before=today") }}
            {{ ui.pagination_item("Show newer records", href="?after=today") }}
        {%- endcall %}
    {%- endraw %}
{%- endcall %}