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

public class | source

MasonryVariableLayout

Layout with variable width items. The minimal width of the items is defined with the columnwidth attribute.

JS constructor

new Coral.Masonry.VariableLayout();

<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: *)