The tile component is used within the tile manager as a container for displaying various types of information.
- Element
-
igc-tile
- Slots
-
default— Default slot for the tile's content. -
title— Renders the title of the tile header. -
maximize-action— Renders the maximize action element of the tile header. -
fullscreen-action— Renders the fullscreen action element of the tile header. -
actions— Renders items after the default actions in the tile header. -
side-adorner— Renders the side resize handle of the tile. -
corner-adorner— Renders the corner resize handle of the tile. -
bottom-adorner— Renders the bottom resize handle of the tile.
- CSS Parts
-
base— The wrapper for the entire tile content, header and content. -
header— The container for the tile header, including title and actions. -
title— The title container of the tile. -
actions— The actions container of the tile header. -
content-container— The container wrapping the tile’s main content. -
trigger-side— The part for the side adorner of the encapsulated resize element in the tile. -
trigger— The part for the corner adorner of the encapsulated resize element in the tile. -
trigger-bottom— The part for the bottom adorner of the encapsulated resize element in the tile.
Properties
Section titled "Properties"colSpan
Section titled "colSpan"The number of columns the tile will span.
colSpan: number = 1 Defined in src/components/tile-manager/tile.ts:245
Remarks
When setting a value that is less than 1, it will be coerced to 1.
colStart
Section titled "colStart"The starting column for the tile.
colStart: number | null = null Defined in src/components/tile-manager/tile.ts:268
disableFullscreen
Section titled "disableFullscreen"Whether to disable the rendering of the tile fullscreen-action slot and its
default fullscreen action button.
disableFullscreen: boolean = false Defined in src/components/tile-manager/tile.ts:317
disableMaximize
Section titled "disableMaximize"Whether to disable the rendering of the tile maximize-action slot and its
default maximize action button.
disableMaximize: boolean = false Defined in src/components/tile-manager/tile.ts:327
disableResize
Section titled "disableResize"Indicates whether to disable tile resize behavior regardless of its tile manager parent settings.
disableResize: boolean = false Defined in src/components/tile-manager/tile.ts:307
maximized
Section titled "maximized"Indicates whether the tile occupies all available space within the layout.
maximized: boolean = false Defined in src/components/tile-manager/tile.ts:297
position
Section titled "position"Gets/sets the tile's visual position in the layout.
Corresponds to the CSS order property.
position: number = -1 Defined in src/components/tile-manager/tile.ts:342
rowSpan
Section titled "rowSpan"The number of rows the tile will span.
rowSpan: number = 1 Defined in src/components/tile-manager/tile.ts:259
Remarks
When setting a value that is less than 1, it will be coerced to 1.
rowStart
Section titled "rowStart"The starting row for the tile.
rowStart: number | null = null Defined in src/components/tile-manager/tile.ts:277
tagName
Section titled "tagName"The tagName read-only property of the Element interface returns the tag name of the element on which it's called.
tagName: "igc-tile" = 'igc-tile' Defined in src/components/tile-manager/tile.ts:111
Accessors
Section titled "Accessors"fullscreen
Section titled "fullscreen"Indicates whether the tile occupies the whole screen.
get fullscreen(): boolean Defined in src/components/tile-manager/tile.ts:284
Returns boolean
Methods
Section titled "Methods"connectedCallback
Section titled "connectedCallback"connectedCallback(): void Defined in src/components/tile-manager/tile.ts:350