• 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

TileLayoutItem

The interface for describing items that can be passed to the items property of the TileLayout component.

NameTypeDefaultDescription

body?

ReactNode

Sets the content in TileLayoutItem's body (see example).

className?

string

Sets additional classes to the TileLayoutItem.

defaultPosition?

TilePosition

The position which is used when the TileLayout is in uncontrolled mode (see example).

header?

ReactNode

Sets the title in the TileLayoutItem's header (see example).

hintClassName?

string

Sets additional classes to the TileLayoutItem hint element.

hintStyle?

CSSProperties

Sets additional CSS styles to the TileLayoutItem hint element.

item?

ReactNode

Overrides the default rendering of the TileLayoutItem (see example).

reorderable?

boolean

Specifies if the user is allowed to reorder the TileLayoutItem by dragging and dropping it (see example). If reorderable is not specified, the dragging functionality of the TileLayoutItem will be enabled.

resizable?

TileResizeMode

Specifies if the user is allowed to resize the TileLayoutItem and in which direction (see example). If resizable is not specified, the resizing of the TileLayoutItem will be enabled for both directions.

style?

CSSProperties

Sets additional CSS styles to the TileLayoutItem.