<button class="js--toggle _toggle ">
<span class="_toggle_inner_default _toggle_inner">
<span class="_toggle_label_default _toggle_label">Button Text</span>
</span>
</button>
<button class="js-{{ class|replace({ "_": "-"}) }}-toggle {% if swap_target %}js-swap {% endif %}{{ class }}_toggle " {% if aria %} aria-label="{{ aria }}" {% endif %} {% if swap_target %} data-swap-target="{{ swap_target }}" {% endif %} {% if swap_link %} data-swap-linked="{{ swap_link }}" {% endif %}>
<span class="{{ class }}_toggle_inner_default {{ class }}_toggle_inner">
<span class="{{ class }}_toggle_label_default {{ class }}_toggle_label">{{ title }}</span>
{% if icon %}
<span class="{{ class }}_toggle_icon_default {{ class }}_toggle_icon" aria-hidden="true">
<span class="{{ class }}_toggle_icon_inner_default {{ class }}_toggle_icon_inner">
<span class="{{ class }}_toggle_icon_space"></span>
{{icon(icon)}}
</span>
</span>
{% endif %}
</span>
{% if active_title %}
<span class="{{ class }}_toggle_inner_active {{ class }}_toggle_inner">
<span class="{{ class }}_toggle_label_active {{ class }}_toggle_label">{{ active_title }}</span>
{% if icon %}
<span class="{{ class }}_toggle_icon_active {{ class }}_toggle_icon" aria-hidden="true">
<span class="{{ class }}_toggle_icon_inner_active {{ class }}_toggle_icon_inner">
<span class="{{ class }}_toggle_icon_space"></span>
{{icon(active_icon)}}
</span>
</span>
{% endif %}
</span>
{% endif %}
</button>
No notes defined.