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

TileLayoutItem

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

body?

React.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?

React.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?

React.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.