BBH
<div class="
  c-accordion

  

">

    <div class="c-accordion__heading">

        <h4 class="flex items-center text-neutral-black">

            <span class="text-style-big"></span>
        </h4>

    </div>
    <div class="flex" ui-toggle-target>

        <div class="w-full">
{% set uid = getUID() %}

<div class="
  c-accordion

  {% if withBorderBottom %}
  has-border-bottom
  {% endif %}

">

  <div
    class="c-accordion__heading"

    {% if toggle %}
    ui-toggle="{{ uid }}"
    {% endif %}
  >

    <h4 class="flex items-center text-neutral-black">

      {% if titleIcon %}
        <span class="w-20">{% render '@svg', { name: titleIcon } %}</span>
      {% endif %}

      <span class="text-style-big">{{ title }}</span>
    </h4>

    {% if toggle %}
      <span ui-toggle-icon>
        <span aria-hidden>{% render '@svg', { name: 'minus' } %}</span>
        <span>{% render '@svg', { name: 'plus' } %}</span>
      </span>
    {% endif %}
  </div>
  <div
    class="flex"
    ui-toggle-target

    {% if toggle %}
    id="{{ uid }}"
    aria-hidden
    {% endif %}
  >

    {% if titleIcon %}
      <span class="w-20 shrink-0"></span>
    {% endif %}

    <div class="w-full">
      {# content #}
/* No context defined. */

No notes defined.