<h3>Standard</h3>

<p>
    The <code>tooltip</code> element wraps the content that should trigger the
    tooltip. The tooltip will be triggered when hovering over the wrapped
    content, and will be positioned according to the specified position (top,
    right, bottom, left).
</p>


{%- call ui.util.call(show_example) -%}
    {%- raw %}
        {{ ui.tooltip("Normal text", tooltip="Tooltip content") }}
    {%- endraw %}
{%- endcall %}