<h3>Standard</h3>

<p>
    Heading level is determined by the <code>level</code> parameter, which can
    take values from 1 to 6. As the level increases, the size of the heading
    decreases, with H6 being the smallest.
</p>


{%- call ui.util.call(show_example) -%}
    {%- raw %}
        {{ ui.heading("H1", level=1) }}
        {{ ui.heading("H2", level=2) }}
        {{ ui.heading("H3", level=3) }}
        {{ ui.heading("H4", level=4) }}
        {{ ui.heading("H5", level=5) }}
        {{ ui.heading("H6", level=6) }}
    {%- endraw %}
{%- endcall %}