New to Kendo UI for Angular? Start a free 30-day trial
TileLayoutItemComponent
Represents a tile item within the TileLayoutComponent.
html
<kendo-tilelayout>
<kendo-tilelayout-item [title]="'Item 1'" [colSpan]="2">
<p>Item content goes here</p>
</kendo-tilelayout-item>
</kendo-tilelayout>
Selector
kendo-tilelayout-item
Inputs
Name | Type | Default | Description |
---|---|---|---|
col |
|
Sets the starting column position of the item (see example). | |
colSpan |
|
|
Sets how many columns the tile item spans (see example). |
order |
|
Sets the order of the tile item within the TileLayout. When not set, items receive increasing order values based on their DOM position. | |
reorderable |
|
|
Enables or disables individual item reordering. |
resizable |
|
|
Enables or disables individual item resizing. |
row |
|
Sets the starting row position of the item (see example). | |
rowSpan |
|
|
Sets how many rows the tile item spans (see example). |
title |
|
Sets the title text that appears in the item header (see example). |