The tile component is used within the igc-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.

Constructors

Section titled "Constructors"

IgcTileComponent 

new IgcTileComponent(): IgcTileComponent

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

Returns IgcTileComponent

Properties

Section titled "Properties"

_tileContent

Section titled "_tileContent" 
_tileContent: HTMLElement

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

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

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

disableResize

Section titled "disableResize"

Indicates whether to disable tile resize behavior regardless ot its tile manager parent settings.

 
disableResize: boolean = false

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

styles

Section titled "styles" 
styles: CSSResult[]

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

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.

MDN Reference

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

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

Accessors

Section titled "Accessors"

colSpan

Section titled "colSpan" 
get colSpan(): number

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

Returns number

The number of columns the tile will span.

 
set colSpan(value: number): void

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

Parameters

  • value: number

Returns void

colStart

Section titled "colStart" 
get colStart(): number | null

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

Returns number | null

The starting column for the tile.

 
set colStart(value: number | null): void

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

Parameters

  • value: number | null

Returns void

fullscreen

Section titled "fullscreen"

Indicates whether the tile occupies the whole screen.

 
get fullscreen(): boolean

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

Returns boolean

maximized

Section titled "maximized" 
get maximized(): boolean

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

Returns boolean

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

 
set maximized(value: boolean): void

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

Parameters

  • value: boolean

Returns void

position

Section titled "position" 
get position(): number

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

Returns number

Gets/sets the tile's visual position in the layout. Corresponds to the CSS order property.

 
set position(value: number): void

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

Parameters

  • value: number

Returns void

rowSpan

Section titled "rowSpan" 
get rowSpan(): number

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

Returns number

The number of rows the tile will span.

 
set rowSpan(value: number): void

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

Parameters

  • value: number

Returns void

rowStart

Section titled "rowStart" 
get rowStart(): number | null

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

Returns number | null

The starting row for the tile.

 
set rowStart(value: number | null): void

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

Parameters

  • value: number | null

Returns void

Methods

Section titled "Methods"

addEventListener

Section titled "addEventListener"

Inherited from: EventEmitterMixin< IgcTileComponentEventMap, Constructor<LitElement> >(LitElement) 

addEventListener(type: K, listener: object, options: boolean | AddEventListenerOptions): void

Defined in src/components/common/mixins/event-emitter.ts:7

Parameters

  • type: K
  • listener: object
  • options: boolean | AddEventListenerOptions

Returns void

connectedCallback

Section titled "connectedCallback" 
connectedCallback(): void

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

Returns void

emitEvent

Section titled "emitEvent"

Inherited from: EventEmitterMixin< IgcTileComponentEventMap, Constructor<LitElement> >(LitElement) 

emitEvent(type: K, eventInitDict: CustomEventInit<D>): boolean

Defined in src/components/common/mixins/event-emitter.ts:30

Parameters

  • type: K
  • eventInitDict: CustomEventInit<D>

Returns boolean

removeEventListener

Section titled "removeEventListener"

Inherited from: EventEmitterMixin< IgcTileComponentEventMap, Constructor<LitElement> >(LitElement) 

removeEventListener(type: K, listener: object, options: boolean | EventListenerOptions): void

Defined in src/components/common/mixins/event-emitter.ts:17

Parameters

  • type: K
  • listener: object
  • options: boolean | EventListenerOptions

Returns void

register

Section titled "register" 
register(): void

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

Returns void

Events

Section titled "Events"

igcTileDragCancel

Section titled "igcTileDragCancel" 
igcTileDragCancel: CustomEvent<IgcTileComponent>

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

igcTileDragEnd

Section titled "igcTileDragEnd" 
igcTileDragEnd: CustomEvent<IgcTileComponent>

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

igcTileDragStart

Section titled "igcTileDragStart" 
igcTileDragStart: CustomEvent<IgcTileComponent>

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

igcTileFullscreen

Section titled "igcTileFullscreen" 
igcTileFullscreen: CustomEvent<IgcTileChangeStateEventArgs>

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

igcTileMaximize

Section titled "igcTileMaximize" 
igcTileMaximize: CustomEvent<IgcTileChangeStateEventArgs>

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

igcTileResizeCancel

Section titled "igcTileResizeCancel" 
igcTileResizeCancel: CustomEvent<IgcTileComponent>

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

igcTileResizeEnd

Section titled "igcTileResizeEnd" 
igcTileResizeEnd: CustomEvent<IgcTileComponent>

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

igcTileResizeStart

Section titled "igcTileResizeStart" 
igcTileResizeStart: CustomEvent<IgcTileComponent>

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