<h3>Standard</h3>

<p>
    Footer often expects specific structure of the content or specific
    additional arguments to put every element on correct place. Check theme's
    documentation of the <code>footer</code> component for more details.
</p>

<p>
    Usually, content of the footer is wrapped into <code>footer_main_nav</code>
    or <code>footer_secondary_nav</code>.
</p>

<p>
    <code>footer_secondary</code> not always included into theme's design. In
    this case it usually not rendered at all.
</p>

{%- call ui.util.call(show_example) -%}
    {%- raw %}
        {%- call ui.util.call(ui.footer) -%}
            {%- call ui.util.call(ui.footer_main) -%}
                {%- call ui.util.call(ui.footer_main_nav) -%}
                    {{ ui.footer_main_nav_item("first", href="?") }}
                    {{ ui.footer_main_nav_item("second", href="?") }}
                {%- endcall %}
            {%- endcall %}

            {%- call ui.util.call(ui.footer_secondary) -%}
                {%- call ui.util.call(ui.footer_secondary_nav) -%}
                    {{ ui.footer_secondary_nav_item("secondary first", href="?") }}
                    {{ ui.footer_secondary_nav_item("secondary second", href="?") }}
                {%- endcall %}
            {%- endcall %}
        {%- endcall %}
    {%- endraw %}
{%- endcall %}