import {Masonry} from '@adobe/coral-spectrum'

public class | source

MasonryDashboardLayout

Extends:

MasonryLayout → MasonryColumnLayout → MasonryVariableLayout → MasonryDashboardLayout

Layout with variable width items which are expanded in their height to fill gaps (which are common with colspan). The minimal width of the items is defined with the columnwidth attribute.

See:

../examples/#masonry

Example:

JS constructor

new Coral.Masonry.DashboardLayout();

<coral-masonry layout="dashboard" columnwidth="300">

Inherited Summary

From class MasonryLayout
public static	defineName(name: String) Defines the name of the Layout
public	name: String Layout name.
public	destroy() Removes all layout-specific attributes, style, data and event listeners from the masonry and its items.
public	detach(item: MasonryItem) Removes the item from the control of the layout.
public	itemAt(x: number, y: number): Coral.Masonry.Item Returns the item at the given position.
public	layout() Lays out the masonry items according to the implementation.
public	reattach(item: MasonryItem) Adds the item to the control of the layout again.

From class MasonryColumnLayout
public	destroy()
public	detach(item: *)
public	itemAt(x: , y: ): *
public	layout(secondTry: *)
public	reattach(item: *)