Defines the vertical rhythm of its child elements, interleaving a uniform amount of space between each element.
Box — For custom layouts.
The spacing between children can be adjusted using the space prop.Responsive values are supported, e.g. space={{ mobile: 'small', tablet: 'medium', desktop: 'large', wide: 'xlarge' }} Items can be aligned horizontally using the align prop. Responsive values are supported, e.g. align={{ mobile: 'center', tablet: 'left' }}As a convenience, the align prop also sets the text alignment for the container. This can be overridden by setting alignment explicitly on the relevant Text or Heading component. By default, Stack renders a div element. You can customise this via the component prop. Braid components are very explicit about the properties they accept, which makes providing arbitrary data attributes not possible. Instead, a data prop can be provided as a single collection of data attributes.