TileLayoutProps
Represents the properties of [TileLayout](% slug overview_tilelayout %) component.
autoFlow?
Controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the TileLayout.
For further reference, check grid-auto-flow CSS article.
Defaults to column
(see example).
className?
string
Sets additional classes to the TileLayout.
columnWidth?
number | string
Specifies the default width of the columns (see example).
columns?
number
Specifies the default number of columns (see example).
dir?
string
Represents the dir
HTML attribute. This is used to switch from LTR to RTL.
gap?
Specifies the gaps between the tiles (see example).
- The possible keys are:
rows
columns
id?
string
Sets the id
property of the root element.
items?
The collection of items that will be rendered in the TileLayout (see example).
onReposition?
(event: TileLayoutRepositionEvent) => void
Fires when the user repositions the tile by either dragging or resizing (see example).
positions?
The list of tiles' positions which are used when the TileLayout is in controlled mode (see example).
rowHeight?
number | string
Specifies the default height of the rows (see example).
style?
CSSProperties
Sets additional CSS styles to the TileLayout.