FrameInfiniteGridOptions
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 | |
| frame | number[][] | The shape of the grid. You can set the shape and order of items with a 2d array ([contentPos][inlinePos]). You can place items as many times as you fill the array with numbers, and zeros and spaces are empty spaces. The order of the items is arranged in ascending order of the numeric values that fill the array. (default: []) |
| useFrameFill | boolean | Make sure that the frame can be attached after the previous frame. (default: true) |
| rectSize | number | {inlineSize: number, contentSize: number} | 1x1 rect size. If it is 0, it is determined by the number of columns in the frame. (default: 0) |
| 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. |