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.
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.