To implement Stack component into your project you’ll need to add the import:

import Stack from "@kiwicom/orbit-components/lib/Stack";

After adding import into your project you can use it simply like:

<Stack>
  <Button>My button</Button>
  <Button iconRight={<ChevronDown />} />
</Stack>

Table below contains all types of the props available in Stack component.

When you need to specify some different behaviour of the Stack component on different viewport, you can use properties for it. There are mediumMobile, largeMobile, tablet, desktop and largeDesktop available and it behaves the same as mediaQueries functions. All this properties - objects have the some own properties and none is required.

• The default behaviour for the Stack component is to not be a flexbox container. It means that by default it’s nesting children natively (below each other) and it won’t use any flex CSS properties.

• If you specify some property (except children, spaceAfter, dataTest and spacing) it will become a flexbox container and the flex-direction: row will be used.