What is KendoReact
Getting Started
Server Components
Components
- Animation
- Barcodes
- Buttons
- Chartsupdated
- Common Utilities
- Conversational UIupdated
- Data Gridupdated
- Data Query
- Data Tools
- Date Inputs
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Formupdated
- Ganttupdated
- Gauges
- Indicators
- Inputsupdated
- Labels
- Layoutupdated
- - Overview
  - Getting Started
  - ActionSheet
  - AppBar
  - Avatar
  - BottomNavigation
  - Breadcrumb
  - Card
  - Drawer
  - ExpansionPanel
  - GridLayout
  - Menu
  - Context Menu
  - PanelBar
  - Splitter
  - StackLayout
  - TabStrip
  - Stepper
  - TileLayoutupdated
  - Timeline
  - Globalization
  - API
- ListBox
- ListView
- Map
- Notification
- OrgChartnew
- PDF Processing
- PDFViewer
- PivotGrid
- Popup
- Progress Bars
- Ripple
- Scheduler
- ScrollView
- Sortable
- Spreadsheetupdated
- TaskBoard
- Tooltips
- TreeList
- TreeViewupdated
- Upload
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
Updates
Troubleshooting

Components / Layout / API / GridLayoutItemProps /

GridLayoutItemProps

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.
className?	`string`		Sets additional CSS classes to the GridLayoutItem.
col?	`number`		Defines the column line from which the element will start (see example).
colSpan?	`number`		Specifies the number of columns over which the element will span (see example). Defaults to `1`.
id?	`string`		Sets the `id` property of the root GridLayoutItem element.
row?	`number`		Defines the row line from which the element will start (see example).
rowSpan?	`number`		Specifies the number of rows over which the element will span (see example). Defaults to `1`.
style?	`React.CSSProperties`		Sets additional CSS styles to the GridLayoutItem.

Is this article helpful?

Thank you for your feedback!