GridLayoutItemProps

Updated over 6 months ago

Represents the props of the KendoReact GridLayoutItem component.

Name	Type	Default	Description
children?	React.ReactNode		The React elements that will be rendered inside the GridLayoutItem (see example). Example: jsx <GridLayoutItem>Content</GridLayoutItem>
className?	string		Sets additional CSS classes to the GridLayoutItem (see example). Example: jsx <GridLayoutItem className="custom-class" />
col?	number		Defines the column line from which the element will start (see example). Example: jsx <GridLayoutItem col={1} />
colSpan?	number		Specifies the number of columns over which the element will span (see example). Defaults to 1. Example: jsx <GridLayoutItem colSpan={2} />
id?	string		Sets the id property of the root GridLayoutItem element (see example). Example: jsx <GridLayoutItem id="item-1" />
row?	number		Defines the row line from which the element will start (see example). Example: jsx <GridLayoutItem row={1} />
rowSpan?	number		Specifies the number of rows over which the element will span (see example). Defaults to 1. Example: jsx <GridLayoutItem rowSpan={2} />
style?	React.CSSProperties		Sets additional CSS styles to the GridLayoutItem (see example). Example: jsx <GridLayoutItem style={{ backgroundColor: 'red' }} />