@thumbtack/tp-ui-layout-button-row v2.0.5

package: '@thumbtack/tp-ui-layout-button-row' kit: button-row/index.mdx platform: scss url: /components/button-row/scss/

mdxType: componentApi

import '@thumbtack/tp-ui-element-button'; import '@thumbtack/tp-ui-layout-button-row';

Button placement

Default (Left)

<div class="tp-button-row">
    <button class="tp-button">Primary</button>
    <button class="tp-button tp-button--secondary">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--secondary">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--secondary">Secondary</button>
</div>