<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">&#xfeff;</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">&#xfeff;</span>
						{{icon(active_icon)}}
					</span>
				</span>
			{% endif %}
		</span>
	{% endif %}
</button>

No notes defined.