Ignite UI for Web Components

All
  • Public
  • Public/Protected
  • All

Class IgcTileComponent

The tile component is used within the igc-tile-manager as a container for displaying various types of information.

igc-tile

igcTileFullscreen - Fired when tile the fullscreen state changes.

igcTileMaximize - Fired when tile the maximize state changes.

igcTileDragStart - Fired when a drag operation on a tile is about to begin. Cancelable.

igcTileDragEnd - Fired when a drag operation with a tile is successfully completed.

igcTileDragCancel - Fired when a tile drag operation is canceled by the user.

igcTileResizeStart - Fired when a resize operation on a tile is about to begin. Cancelable.

igcTileResizeEnd - Fired when a resize operation on a tile is successfully completed.

igcTileResizeCancel - Fired when a resize operation on a tile is canceled by the user.

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

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.

Hierarchy

Hierarchy

  • EventEmitterInterface<IgcTileComponentEventMap, this> & LitElement<this>
    • IgcTileComponent

Properties

Accessors

Methods

Properties

disableFullscreen: boolean = false

Whether to disable the rendering of the tile fullscreen-action slot and its default fullscreen action button.

disable-fullscreen

false
disableMaximize: boolean = false

Whether to disable the rendering of the tile maximize-action slot and its default maximize action button.

disable-maximize

false
disableResize: boolean = false

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

disable-resize

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

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

MDN Reference

Accessors

  • set colSpan(value: number): void

    The number of columns the tile will span.

    When setting a value that is less than 1, it will be coerced to 1.

    col-span

    1

    Parameters

    • value: number

    Returns void

  • set maximized(value: boolean): void

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

    maximized

    Parameters

    • value: boolean

    Returns void

  • set position(value: number): void

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

    position

    Parameters

    • value: number

    Returns void

  • set rowSpan(value: number): void

    The number of rows the tile will span.

    When setting a value that is less than 1, it will be coerced to 1.

    row-span

    1

    Parameters

    • value: number

    Returns void

Methods

  • Returns void