Button Row

Consistent spacing between buttons

Button placement

Default (Left)

<div class="tp-button-row">
    <button class="tp-button">Primary</button>
    <button class="tp-button tp-button--tertiary">Secondary</button>
</div>

Center

<div class="tp-button-row tp-button-row--center">
    <button class="tp-button">Primary</button>
    <button class="tp-button tp-button--tertiary">Secondary</button>
</div>

Right

<div class="tp-button-row tp-button-row--right">
    <button class="tp-button">Primary</button>
    <button class="tp-button tp-button--tertiary">Secondary</button>
</div>