Button

Frames are only ever used for other elements. They are never used directly as is. The only exception to that rule are the page frames. Refer to the info Tab to see where they are used. 
<button type="button" class="sds-btn">

    <span class="sds-btn__text">true</span>

</button>
 
<{{ eltType}}
{% if eltType === "button" %} type="button"{% elseif eltType === "a" %} href="{{ href }}"{%- endif -%}
class="{{ namespace }}btn{% for mod in modifiers %} {{ mod }}{% endfor %}{% for mod in classes %} {{ mod }}{% endfor %}"
{% for attrKey, attr in attrs %} {{ attrKey }}="{{ attr }}"{% endfor %}
{% if disabled %} disabled{% endif %}
>
	{% if iconLeft %}
		<span class="{{ namespace }}icon {{ namespace }}{{ icon }}"></span>
	{% endif %}
	{% if text %}
		<span class="{{ namespace }}btn__text">{{ text | safe }}</span>
	{% endif %}
	{% if badgeText %}
		{% render "@count-badge--primary",{text: badgeText},true %}
	{% endif %}
	{% if badgeFadeText %}
		{% render "@badge--primary-tonal",{text: badgeFadeText},true %}
	{% endif %}
	{% if iconRight %}
		<span class="{{ namespace }}icon {{ namespace }}{{ icon }}"></span>
	{% endif %}
	{% if badge %}
		{% render "@badge",badge.badgeOptions,true %}
	{% endif %}
</{{ eltType}}>