You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
"demo:build": "npm run docs:build && npm run docs:version && npm run build --prefix packages/docs && npm run build:storybook --prefix packages/infinitegrid",
12
+
"demo:build": "npm run docs:build && npm run docs:version && npm run build --prefix packages/docs",
Copy file name to clipboardExpand all lines: packages/docs/docs/api/FrameInfiniteGridOptions.mdx
+3Lines changed: 3 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -59,6 +59,9 @@ custom_edit_url: null
59
59
|containerTag|string|"div"|<p>If you create a container, you can set the container's tag.</p>|
60
60
|threshold|number|100|<p>The size of the scrollable area for adding the next group of items.</p>|
61
61
|useRecycle|boolean|true|<p>Whether to show only the DOM of the visible area.</p>|
62
+
|useDetachedRecycle|boolean|false|<p>When using <code>useRecycle</code> option, remove elements of invisible items. If you want to improve performance (memory issues), enable it.</p>|
63
+
|isReachStart|boolean|false||
64
+
|isReachEnd|boolean|false||
62
65
|scrollContainer|HTMLElement \| string \| Ref<HTMLElement>\| null||<p>You can set the scrollContainer directly. In this case, the container becomes the wrapper itself.</p>|
63
66
|gridConstructor|GridFunction||<p>Grid class to apply Infinite function.</p>|
64
67
|appliedItemChecker|(item: InfiniteGridItem, grid: Grid) => boolean||<p>A function that checks whether non-rendering items are included in the Grid.</p>|
Copy file name to clipboardExpand all lines: packages/docs/docs/api/InfiniteGridOptions.mdx
+3Lines changed: 3 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -35,6 +35,9 @@ custom_edit_url: null
35
35
|containerTag|string|"div"|<p>If you create a container, you can set the container's tag.</p>|
36
36
|threshold|number|100|<p>The size of the scrollable area for adding the next group of items.</p>|
37
37
|useRecycle|boolean|true|<p>Whether to show only the DOM of the visible area.</p>|
38
+
|useDetachedRecycle|boolean|false|<p>When using <code>useRecycle</code> option, remove elements of invisible items. If you want to improve performance (memory issues), enable it.</p>|
39
+
|isReachStart|boolean|false||
40
+
|isReachEnd|boolean|false||
38
41
|scrollContainer|HTMLElement \| string \| Ref<HTMLElement>\| null||<p>You can set the scrollContainer directly. In this case, the container becomes the wrapper itself.</p>|
39
42
|gridConstructor|GridFunction||<p>Grid class to apply Infinite function.</p>|
40
43
|appliedItemChecker|(item: InfiniteGridItem, grid: Grid) => boolean||<p>A function that checks whether non-rendering items are included in the Grid.</p>|
Copy file name to clipboardExpand all lines: packages/docs/docs/api/JustifiedInfiniteGridOptions.mdx
+4-1Lines changed: 4 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -31,7 +31,7 @@ custom_edit_url: null
31
31
|observeChildren|boolean|false|<p>Whether to detect size change of children if useResizeObserver option is used.<br /></p>|
32
32
|externalItemRenderer|ItemRenderer \| null||<p>You can set the ItemRenderer directly externally.<br /></p>|
33
33
|externalContainerManager|ContainerManager \| null||<p>You can set the ContainerManager directly externally.<br /></p>|
34
-
|columnRange|number \| number[]|[1, 8]|<p>The minimum and maximum number of items per line.<br /></p>|
34
+
|columnRange|number \| number[]\| ((self: JustifiedGrid) => number \| number[])|[1, 8]|<p>The minimum and maximum number of items per line.<br /></p>|
35
35
|rowRange|number \| number[]|0|<p>The minimum and maximum number of rows in a group, 0 is not set.<br /></p>|
36
36
|sizeRange|number \| number[]|[0, Infinity]|<p>The minimum and maximum size by which the item is adjusted. If it is not calculated, it may deviate from the minimum and maximum sizes.<br /></p>|
37
37
|displayedRow|number|-1|<p>Maximum number of rows to be counted for container size. You can hide it on the screen by setting overflow: hidden. -1 is not set.<br /></p>|
@@ -66,6 +66,9 @@ custom_edit_url: null
66
66
|containerTag|string|"div"|<p>If you create a container, you can set the container's tag.</p>|
67
67
|threshold|number|100|<p>The size of the scrollable area for adding the next group of items.</p>|
68
68
|useRecycle|boolean|true|<p>Whether to show only the DOM of the visible area.</p>|
69
+
|useDetachedRecycle|boolean|false|<p>When using <code>useRecycle</code> option, remove elements of invisible items. If you want to improve performance (memory issues), enable it.</p>|
70
+
|isReachStart|boolean|false||
71
+
|isReachEnd|boolean|false||
69
72
|scrollContainer|HTMLElement \| string \| Ref<HTMLElement>\| null||<p>You can set the scrollContainer directly. In this case, the container becomes the wrapper itself.</p>|
70
73
|gridConstructor|GridFunction||<p>Grid class to apply Infinite function.</p>|
71
74
|appliedItemChecker|(item: InfiniteGridItem, grid: Grid) => boolean||<p>A function that checks whether non-rendering items are included in the Grid.</p>|
0 commit comments