# Items

The GridLayout items represent the content containers within the component.

To define the item containers, add [`GridLayoutItem`](https://www.telerik.com/kendo-angular-ui/components/layout/api/gridlayoutitemcomponent) components by nesting `<kendo-gridlayout-item>` tags inside the `<kendo-gridlayout>` element. They will hold the arbitrary content of the item.

## Size and Position

The GridLayout items occupy a predefined number of rows and columns. The default size of each item is one row and one column. Additionally you could pin-point their position to a specific column and row.

The following list contains all available configuration options related to the sizing and positioning of the items:

* [`row`](https://www.telerik.com/kendo-angular-ui/components/layout/api/gridlayoutitemcomponent#row)—Specifies the row of the item in the GridLayout.
* [`col`](https://www.telerik.com/kendo-angular-ui/components/layout/api/gridlayoutitemcomponent#col)—Specifies the column of the item in the GridLayout.
* [`rowSpan`](https://www.telerik.com/kendo-angular-ui/components/layout/api/gridlayoutitemcomponent#rowSpan)—Specifies the number of rows the item will occupy. The default size is one row.
* [`colSpan`](https://www.telerik.com/kendo-angular-ui/components/layout/api/gridlayoutitemcomponent#colSpan)—Specifies the number of columns the item will occupy. The default size is one column.

The following example demonstrates how to set various size and positioning options.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/layout/gridlayout/items/source.txt)

## Suggested Links

* [API Reference of the GridLayout](https://www.telerik.com/kendo-angular-ui/components/layout/api/gridlayoutcomponent)
* [API Reference of the GridLayoutItem](https://www.telerik.com/kendo-angular-ui/components/layout/api/gridlayoutitemcomponent)