Frame Content Bottom Bar

300 × 150

No notes defined.

<div class="sds-frameContentBottomBar">
    <div class="sds-frameContentBottomBar__container container">
        <ul class="sds-frameContentBottomBar__alignEnd sds-btnGroup">

            <li>
                <button type="button" class="sds-btn -btnSecondary -btnInverse">

                    <span class="sds-btn__text">button text</span>

                </button>
            </li>

            <li>
                <button type="button" class="sds-btn -btnPrimary">

                    <span class="sds-btn__text">button text</span>

                </button>
            </li>
        </ul>
    </div>
</div>
 
<div class="{{ namespace }}frameContentBottomBar{% for mod in modifiers %} {{ mod }}{% endfor %}{% for mod in classes %} {{ mod }}{% endfor %}">
	<div class="{{ namespace }}frameContentBottomBar__container container">
		<ul class="{{ namespace }}frameContentBottomBar__alignEnd {{ namespace }}btnGroup">
			{% if noSecondary %}
				{% else %}
					<li>
						{% render "@btn-secondary-inverse",frameContentBottomBarBtn1Options,true %}
					</li>
			{% endif %}
			<li>
				{% render "@btn-primary",{text: btn2Text, disabled: btn2Disabled},true %}
			</li>
		</ul>
	</div>
</div>