Components
    • Animation
    • Buttons
    • Charts
    • Common Utilities
    • Conversational UI
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Grid
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • Sortable
    • Tooltip
    • TreeList
    • TreeView
    • Upload
    Sample Applications
    Styling & Themes
    Common Features
    Project Setup
    Changelog

Getting Started with KendoReact TileLayout

The KendoReact TileLayout component is based on the two-dimensional CSS Grid and is able to display content in tiles. They can be resized and reordered as desired by the user.

It features draggable and resizable items (tiles), static ones, various auto flows, fixed widths and heights, number of columns and many more.

Basic Usage

The following example demonstrates the TileLayout in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Functionality and Features

TileLayout Configuration Options

The TileLayout features the following options:

Example
View Source
Edit In Stackblitz  
Change Theme: