MasonryInfiniteGridOptions
Type: TSInterface
| PROPERTY | TYPE | DESCRIPTION |
|---|---|---|
| horizontal | boolean | |
| percentage | Array<"position" | "size"> | boolean | |
| isEqualSize | boolean | |
| isConstantSize | boolean | |
| gap | number | |
| attributePrefix | string | |
| resizeDebounce | number | |
| maxResizeDebounce | number | |
| autoResize | boolean | |
| useFit | boolean | |
| useTransform | boolean | |
| renderOnPropertyChange | boolean | |
| preserveUIOnDestroy | boolean | |
| defaultDirection | "start" | "end" | |
| outlineLength | number | |
| outlineSize | number | |
| useRoundedSize | boolean | |
| useResizeObserver | boolean | |
| observeChildren | boolean | |
| externalItemRenderer | ItemRenderer | null | |
| externalContainerManager | ContainerManager | null | |
| column | number | The number of columns. If the number of columns is 0, it is automatically calculated according to the size of the container. Can be used instead of outlineLength. (default: 0) |
| columnSize | number | The size of the columns. If it is 0, it is calculated as the size of the first item in items. Can be used instead of outlineSize. (default: 0) |
| columnSizeRatio | number | The size ratio(inlineSize / contentSize) of the columns. 0 is not set. (default: 0) |
| align | GridAlign | Align of the position of the items. If you want to use |
| columnCalculationThreshold | number | Difference Threshold for Counting Columns. Since offsetSize is calculated by rounding, the number of columns may not be accurate. (default: 1) |
| maxStretchColumnSize | number | If stretch is used, the column can be automatically calculated by setting the maximum size of the column that can be stretched. (default: Infinity) |
| horizontal | boolean | |
| percentage | Array<"position" | "size"> | boolean | |
| isEqualSize | boolean | |
| isConstantSize | boolean | |
| gap | number | |
| attributePrefix | string | |
| resizeDebounce | number | |
| maxResizeDebounce | number | |
| autoResize | boolean | |
| useFit | boolean | |
| useTransform | boolean | |
| renderOnPropertyChange | boolean | |
| preserveUIOnDestroy | boolean | |
| defaultDirection | "start" | "end" | |
| outlineLength | number | |
| outlineSize | number | |
| useRoundedSize | boolean | |
| useResizeObserver | boolean | |
| observeChildren | boolean | |
| externalItemRenderer | ItemRenderer | null | |
| externalContainerManager | ContainerManager | null | |
| container | boolean | string | HTMLElement | The target to which the container is applied. If false, create itself, if true, create container. A string or HTMLElement specifies the target directly. (default: false) |
| containerTag | string | If you create a container, you can set the container's tag. (default: "div") |
| threshold | number | The size of the scrollable area for adding the next group of items. (default: 100) |
| useRecycle | boolean | Whether to show only the DOM of the visible area. (default: true) |
| gridConstructor | GridFunction | Grid class to apply Infinite function. |
| renderer | Renderer | null | class that renders the DOM. |