The Tiles component is used to lay out a collection of elements left to right, top to bottom — wrapping across a specified number of columns.
Columns — For fine-grained control of widths, spacing and alignment. Inline — For laying out flowing content that is allowed to wrap. Box — For custom layouts.
The number of tiles in each row. Accepts a number from 1 to 5, also supporting responsive values, e.g. columns={{ mobile: 2, tablet: 3, desktop: 4, wide: 5 }} Control the amount of space between each tile using the space prop, also supporting responsive values, e.g. space={{ mobile: 'small', tablet: 'medium', desktop: 'large', wide: 'xlarge' }} 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.