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.

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.

The starting column for the tile.

colStart: number | null = null

Defined in src/components/tile-manager/tile.ts:268

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

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

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

Indicates whether the tile occupies all available space within the layout.

maximized: boolean = false

Defined in src/components/tile-manager/tile.ts:297

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

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.

The starting row for the tile.

rowStart: number | null = null

Defined in src/components/tile-manager/tile.ts:277

The tagName read-only property of the Element interface returns the tag name of the element on which it's called.

MDN Reference

tagName: "igc-tile" = 'igc-tile'

Defined in src/components/tile-manager/tile.ts:111

Indicates whether the tile occupies the whole screen.

get fullscreen(): boolean

Defined in src/components/tile-manager/tile.ts:284

Returns boolean

connectedCallback(): void

Defined in src/components/tile-manager/tile.ts:350

Returns void