{% comment %}Responsive navbar with a baked-in mobile burger. The default slot (nav items) and `actions` are mirrored into the mobile menu automatically. `variant` styles the desktop items: text (default), underline, pill or ghost. The mobile menu always uses a plain stacked style regardless of variant. Use the `mobile` slot for content shown only in the mobile menu (e.g. a c-ui.navlist). Set :drawer="True" to open the mobile menu as a slide-over (c-ui.drawer) instead of an inline collapse.{% endcomment %}
{{ brand }}
{# mobile hamburger #}
{% if drawer %} {# mobile menu as a drawer; the burger's `open` drives it via x-model #} {% if brand %}{{ brand }}{% endif %} {% if actions %}
{{ actions }}
{% endif %} {% if mobile %}
{{ mobile }}
{% endif %}
{% else %} {# mobile menu as an inline collapse (default) #}
{{ actions }}
{% if mobile %}
{{ mobile }}
{% endif %}
{% endif %}