# TileLayout Configuration Options

The Kendo UI for Vue TileLayout provides various built-in configuration options that allow you to quickly adjust it to your specific application requirements.

The TileLayout features the following options:

* Sets custom [number of columns](https://www.telerik.com/kendo-vue-ui/components/layout/api/tilelayoutprops#columns);
* Sets custom [row heights](https://www.telerik.com/kendo-vue-ui/components/layout/api/tilelayoutprops#rowheight) and [column widths](https://www.telerik.com/kendo-vue-ui/components/layout/api/tilelayoutprops#columnwidth);
* Sets [gaps](https://www.telerik.com/kendo-vue-ui/components/layout/api/tilelayoutprops#gap) between rows and columns;
* Sets [autoFlow](https://www.telerik.com/kendo-vue-ui/components/layout/api/tilelayoutprops#autoflow) algorithm;
* Sets [resizing](https://www.telerik.com/kendo-vue-ui/components/layout/api/tilelayoutitem#resizable) and [reordering](https://www.telerik.com/kendo-vue-ui/components/layout/api/tilelayoutitem#reorderable) for the tiles.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/tilelayout/configuration/source.txt)

# TileLayout items unique keys

The Kendo UI for Vue TileLayout TileLayout provides option for setting unique item key. Set the [dataItemKey](https://www.telerik.com/kendo-vue-ui/components/layout/api/tilelayoutprops#dataitemkey) property to determine the key field. Make sure that the field contains unique values.

The following example demonstrates TileLayout items with unique keys.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/tilelayout/configuration-unique/source.txt)

## Suggested Links

* [API Reference of the TileLayout](https://www.telerik.com/kendo-vue-ui/components/layout/api/tilelayoutprops)
* [API Reference of the TileLayoutItem](https://www.telerik.com/kendo-vue-ui/components/layout/api/tilelayoutitem)