HelixOverviewDocsComponentsSandboxTheme builderCortexDocsEngramBuildingTraceBuildingRecallDeclaredServicesInsightsGet in touchSource on GitHub
Loading the reference
Virtual ListView SourceEdit in SandboxView MarkdownCopy MarkdownOpen in ClaudeOpen in CursorRenders the rows of a long set that are on screen, and no others.ExperimentalSince 0.1.0LayoutUsageimport'@fusion.dev/helix/virtual-list'import'@fusion.dev/helix-headless/virtual-list'Preview
API ReferenceRoothelix-virtual-listRenders the rows of a long set that are on screen, and no others.
PropTypeDefaultDescriptionestimatenumber32How tall one row is, in pixels, used to map scroll offset to an index.forstring""Id of the element holding the rows, as JSON in a script.labelstring""What the list is called, since the rendered rows are only a window on it.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
PartDescriptionafterThe space standing in for rows below the window.beforeThe space standing in for rows above the window.viewportThe scrolling box.
CSS PropertyDescription--virtual-list-block-sizeHow tall the scrolling box is.
Roothelix-headless-virtual-listRenders the rows of a long set that are on screen, and no others.
PropTypeDefaultDescriptionestimatenumber32How tall one row is, in pixels, used to map scroll offset to an index.forstring""Id of the element holding the rows, as JSON in a script.labelstring""What the list is called, since the rendered rows are only a window on it.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
PartDescriptionafterThe space standing in for rows below the window.beforeThe space standing in for rows above the window.viewportThe scrolling box. Needs a block size and an overflow on this tier.
ExamplesNameDescriptionPreviewTwo thousand rows as JSON, of which only the visible ones exist.PreviewTwo thousand rows as JSON, of which only the visible ones exist.