package: '@thumbtack/tp-ui-react-button-row' kit: layout/button-row.yaml platform: react

url: /api/components/layout/button-row/react/

Button placement

Default (Left)

<ButtonRow>
    <Button>Click Me</Button>
    <Button theme="secondary">Click Me</Button>
</ButtonRow>

Center

<ButtonRow justify="center">
    <Button>Click Me</Button>
    <Button theme="secondary">Click Me</Button>
</ButtonRow>

Right

<ButtonRow justify="right">
    <Button>Click Me</Button>
    <Button theme="secondary">Click Me</Button>
</ButtonRow>

Stacked at Small

Best used with "full-below-small" on the children.

<ButtonRow isStackedBelowSmall>
    <Button width="full-below-small">Click Me</Button>
    <Button width="full-below-small" theme="secondary">
        Click Me
    </Button>
</ButtonRow>

Changelog

Unreleased

2.2.3 - 2018-12-03

Changed

• [Patch] Use a tilde for Sass imports (#1256)

2.2.2 - 2018-11-27

Changed

• [Patch] Publish package to public NPM.

2.2.1 - 2018-10-22

Changed

• [Patch] Use latest version of Thumbprint Tokens.

2.2.0 - 2018-10-04

Added

• [Minor] Add support for isStackedBelowSmall prop (#1059)

2.1.1 - 2018-10-03

Changed

• [Patch] Convert Input to use MDX for documentation. (#1251)

2.1.0 - 2018-08-29

Added

• [Minor] Add support for dataTest prop

2.0.3 - 2018-08-17

Changed

• [Patch] Use latest version of Thumbprint Tokens.

2.0.2 - 2018-08-10

Changed

• [Patch] Use camelCase classes in CSS modules.

2.0.1 - 2018-07-17

Fixed

• [Patch] Improve how ButtonRow handles a single full width button on small screens. (#997)

2.0.0 - 2018-05-21

Changed

• [Major] Use CSS modules instead of styled-components. (#850)

1.0.3 - 2018-04-19

Changed

• [Patch] Fix mistake where CommonJS package was published as ES module. (#822)

1.0.2 - 2018-04-16

Changed

• [Patch] Use latest version of Thumbprint Tokens.

1.0.1 - 2018-04-13

Changed

• [Patch] Publish package as CommonJS and ES module.

1.0.0 - 2018-04-09

Removed

• [Major] Remove wide button row option. (#763)

0.2.3 - 2018-03-14

Changed

• [Patch] Use latest version of Thumbprint Tokens.

Fixed

• [Patch] Increase specificity of button selector to avoid source order issues. (#617)

0.2.2 - 2018-02-07

Changed

• [Patch] Use latest version of Thumbprint Tokens.

0.2.1 - 2018-01-30

Changed

• [Patch] Add support for styled-components ^3.0.0 to peer dependencies.

0.2.0 - 2018-01-16

Changed

• [Minor] Use latest version of Thumbprint Tokens. This includes new brand colors.

0.1.1 - 2018-01-11

Changed

• [Patch] Update npm latest tag since it was accidentally pointed to a prepublish version of our components.

0.1.0 - 2018-01-11

Added

• [Minor] Create first version of tp-ui-react-button-row.