TileLayouts are UI elements for organizing information into dashboard-like views.

TileLayout Overview

The TileLayout component is a user interface (UI) element that is based on the two-dimensional CSS grid and is able to display content in draggable and reorderable tiles. The tiles can be displayed across multiple rows and columns.

Through its extensive configuration options, the TileLayout allows you to build customizable dashboards and create intuitive layouts for web projects.

Live Demo


The anatomy of the TileLayout summarizes the elements of the component:

  1. TileLayout item header
  2. TileLayout item content area
  3. TileLayout item title
  4. TileLayout item
  5. TileLayout column
  6. TileLayout row

Framework-Specific Documentation

For specific information about the component, refer to its official product documentation: