Componentsv2.189.1
Iconsv1.19.0
MCPv0.8.62
Tokensv0.34.3

A utility component for creating vertical flex containers.

Importing

The component can be imported via:

import { Stack } from '@customerio/pluma-components/react';
Loading editor

Alignment

Alignment within the flex container can be controlled with the alignBlock and alignInline props.

  • alignBlock controls alignment along the block axis (typically the vertical axis)
  • alignInline controls alignment along the inline axis (typically the horizontal axis)

Internally, these props are translated to the align-items and justify-content CSS properties.

alignBlock

Loading editor

alignInline

Loading editor

On this page