BBH

Toggle 

<button ui-toggle="" ui-toggle-target id="" class="
    c-toggle
    c-toggle--primary
  ">
    <span class="c-toggle__icon">

        <svg class="text-neutral-grey-02">
            <use xlink:href="#circle-plus"></use>
        </svg>

    </span>
    <span class="c-toggle__label"></span>
</button>

<button ui-toggle="" id="" ui-toggle-target aria-hidden class="
    c-toggle
    c-toggle--primary
  ">
    <span class="c-toggle__icon">

        <svg class="text-neutral-grey-02">
            <use xlink:href="#circle-minus"></use>
        </svg>

    </span>
    <span class="c-toggle__label"></span>
</button>
 
{% if not(theme)  %}
{% set theme = 'primary' %}
{% endif %}

<button
  ui-toggle="{{ uid }}"
  
  ui-toggle-target
  id="{{ uid }}"

  class="
    c-toggle
    c-toggle--{{ theme }}
  ">
    <span class="c-toggle__icon">
      {% render '@svg', { name: 'circle-plus' } %}
    </span>
    <span class="c-toggle__label">{{ label.show | safe }}</span>
</button>

<button
  ui-toggle="{{ uid }}"
  id="{{ uid }}"
  ui-toggle-target
  aria-hidden

  class="
    c-toggle
    c-toggle--{{ theme }}
  ">
    <span class="c-toggle__icon">
      {% render '@svg', { name: 'circle-minus' } %}
    </span>
    <span class="c-toggle__label">{{ label.hide | safe }}</span>
</button>
 
/* No context defined. */

No notes defined.