Button Group: Large

Behaviours

If overflow scroll is wanted the button group needs to be wrapped in an overflow nav component

Wrapping

If you want wrapping, use the -btnGroupWrap class

<ul class="sds-btnGroup -btnGroupLg">
    <li>
        <button type="button" class="sds-btn -btnSecondary">

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

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

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

        </button>
    </li>
</ul>
 
<ul class="{{ namespace }}btnGroup{% for mod in modifiers %} {{ mod }}{% endfor %}{% for mod in classes %} {{ mod }}{% endfor %}">
    <li>
        {% render "@btn-secondary" %}
    </li>
    <li>
        {% render "@btn-secondary" %}
    </li>
</ul>