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.
Properties
Section titled "Properties"columnCount
Section titled "columnCount"Sets the number of columns for the tile manager. Setting value <= than zero will trigger a responsive layout.
columnCount: number = 0 dragMode
Section titled "dragMode"Whether drag and drop operations are enabled.
dragMode: TileManagerDragMode = 'none' Optional gap
Section titled "gap"Sets the gap size between tiles in the tile manager.
gap: string = undefined Optional minColumnWidth
Section titled "minColumnWidth"Sets the minimum width for a column unit in the tile manager.
minColumnWidth: string = undefined Optional minRowHeight
Section titled "minRowHeight"Sets the minimum height for a row unit in the tile manager.
minRowHeight: string = undefined resizeMode
Section titled "resizeMode"Whether resize operations are enabled.
resizeMode: TileManagerResizeMode = 'none' styles
Section titled "styles"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[] Accessors
Section titled "Accessors"tiles
Section titled "tiles"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[]
Methods
Section titled "Methods"loadLayout
Section titled "loadLayout"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
saveLayout
Section titled "saveLayout"Returns the properties of the current tile collections as a JSON payload.
saveLayout(): string Defined in src/components/tile-manager/tile-manager.ts:253