<h3>Standard</h3>

<p>
    The <code>popover</code> is triggered by <code>popover_handle</code>, which
    often has no CSS applied to it. This allows developers to use any element
    as a popover handle, such as an icon, link, or button.
</p>


{%- call ui.util.call(show_example) -%}
    {%- raw %}
        {%- set id = ui.util.id() -%}

        {%- call ui.util.call(ui.popover, title="Popover", id=id) -%}
            {{ lipsum(1) }}
            {{ ui.divider() }}
            {{ lipsum(1) }}
        {%- endcall %}

        Usually {{ ui.popover_handle("[popover handle]", id=id) }} does not have custom appearance.
    {%- endraw %}
{%- endcall %}