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.
tile-container — The wrapper around the tile content and its resize adorners.
trigger-side — The side resize handle of the tile.
trigger — The corner resize handle of the tile.
trigger-bottom — The bottom resize handle of the tile.

Not cached: toggling _resizeDisabled (maximize, fullscreen, resize mode) switches the render template and recreates this element.

_tileContent: HTMLElement

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

The number of columns the tile will span.

colSpan: number = 1

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

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:279

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:328

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:338

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:318

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

maximized: boolean = false

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

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:353

The number of rows the tile will span.

rowSpan: number = 1

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

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:288

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:119

Indicates whether the tile occupies the whole screen.

get fullscreen(): boolean

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

Returns boolean

connectedCallback(): void

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

Returns void