Thumbprint logo

Components

Button Row

Consistent spacing between buttons.

Version:4.0.3 •View source•Changelog•Report issue
Install:yarn add @thumbtack/thumbprint-scss

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>