• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UInew
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Grid
    • Icons
    • Indicators
    • Inputs
    • Labels
    • Layoutupdated
      • Overview
      • Getting Started
      • ActionSheetnew
      • AppBar
      • Avatar
      • BottomNavigation
      • Card
      • ContextMenu
      • Drawer
      • ExpansionPanelnew
      • GridLayoutnew
      • Menu
      • PanelBar
      • Splitter
      • StackLayoutnew
      • Stepper
      • TabStrip
      • TileLayoutupdated
      • Wizard
      • Globalization
      • API
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Scheduler
    • ScrollView
    • Tooltip
    • TreeList
    • TreeView
    • Upload
  • Wrapper Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • FAQ
  • Troubleshooting
Components / Layout / API / TileLayoutItem / 
New to Kendo UI for Vue? Start a free 30-day trial

TileLayoutItem

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

NameTypeDefaultDescription

body?

any

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

bodyText?

string

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

class?

string

Sets additional classes to the TileLayoutItem.

defaultPosition?

TilePosition

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

header?

any

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

headerText?

string

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

hintClass?

string

Sets additional classes to the TileLayoutItem hint element.

hintStyle?

object

Sets additional CSS styles to the TileLayoutItem hint element.

id?

any

Specifies the id of each Tile if needed to be user-defined. By default the id is automatically generated.

item?

any

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?

string | boolean

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?

object

Sets additional styles to the TileLayoutItem.

tabIndex?

number

Specifies if the tabIndex of each TileLayout tile if the scenario requires it. Defaults to 0.

tile?

object

The tile object.

In this article

Not finding the help you need?

Contact Support