The tile manager component enables the dynamic arrangement, resizing, and interaction of tiles.

Element
igc-tile-manager
Slots
default — Default slot for the tile manager. Only tile elements will be projected inside the CSS grid container.
CSS Parts
base — The tile manager CSS Grid container.

Sets the number of columns for the tile manager. Setting value <= than zero will trigger a responsive layout.

columnCount: number = 0

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

Whether drag and drop operations are enabled.

dragMode: TileManagerDragMode = 'none'

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

Sets the gap size between tiles in the tile manager.

gap: string = undefined

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

Optional minColumnWidth

Section titled "minColumnWidth"

Sets the minimum width for a column unit in the tile manager.

minColumnWidth: string = undefined

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

Optional minRowHeight

Section titled "minRowHeight"

Sets the minimum height for a row unit in the tile manager.

minRowHeight: string = undefined

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

Whether resize operations are enabled.

resizeMode: TileManagerResizeMode = 'none'

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

Array of styles to apply to the element. The styles should be defined using the css tag function, via constructible stylesheets, or imported from native CSS module scripts.

Note on Content Security Policy:

Element styles are implemented with <style> tags when the browser doesn't support adopted StyleSheets. To use such <style> tags with the style-src CSP directive, the style-src value must either include 'unsafe-inline' or nonce-<base64-value> with <base64-value> replaced be a server-generated nonce.

To provide a nonce to use on generated <style> elements, set window.litNonce to a server-generated nonce in your page's HTML, before loading application code:

``

styles: CSSResult[]

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

Gets the tiles sorted by their position in the layout.

get tiles(): IgcTileComponent[]

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

Returns IgcTileComponent[]

Restores a previously serialized state produced by saveLayout.

loadLayout(data: string): void

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

Parameters

  • data: string

Returns void

Returns the properties of the current tile collections as a JSON payload.

saveLayout(): string

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

Returns string