Components

Button Row(SCSS)

Consistent spacing between buttons.

Version:4.0.3 View sourceChangelogReport 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>