@thumbtack/tp-ui-react-wrap v0.2.4

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

url: /api/components/layout/wrap/react/

Basic wrap

Basic wrapper with a max-width and side padding.

Wrap with no bleed

<Wrap>
    <div style={{ border: '1px solid red' }}>Hello</div>
</Wrap>

Wrap bleed

In some cases you'll want the wrapper to be full width with no padding on smaller screens, below a certain breakpoint.

Wrap with bleed below medium

<Wrap bleedBelow="medium">
    <div style={{ border: '1px solid red' }}>Hello</div>
</Wrap>