Tiles
The Tiles component is used to lay out elements as equally-sized elements,
optionally wrapping on multiple lines as well as a stack when space is limited.
If you have a direct child of Tiles that you don’t want to stretch, wrap that
child in a View component.
optional = ?
| Name | Type | Description |
|---|---|---|
| maxPerLine? | number |
Number of tiles per line. |
| breakAt? | number |
Width of the component when the tiles stack on the cross-axis. Each tile will then take all the available space. It accepts a number in pixel. If not specified, the tiles will never stack and each of them will progressively shrink when the screen is resized. |
| alignment? | "leading" | "center" | "trailing" |
Position tiles along the cross axis |
| spacing? | "xtight" | "tight" | "loose" | "xloose" |
Adjust spacing between tiles |