@thumbtack/tp-ui-react-button-row v2.2.3

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>