New to KendoReactLearn about KendoReact Free.

GridLayoutItemProps

Represents the props of the KendoReact GridLayoutItem component.

NameTypeDefaultDescription

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' }} />
Not finding the help you need?
Contact Support