Docs / Components
SenseVirtualScrollerComponent
Fixed-row-height virtual list from @artificialsenselabs/ui — renders the visible window only. Not a variable-size or sticky-header substitute for Angular CDK Virtual Scroll.
Live demo: run nx serve showcase and open /components/virtual-scroller (port 4202).
Overview
Category: Data. Selector: sense-virtual-scroller. Import: import { SenseVirtualScrollerComponent, SenseVirtualScrollerItemDirective } from '@artificialsenselabs/ui';
Requires a uniform itemSize in pixels for range math. Prefer CDK (or a dedicated virtualizer) when rows have dynamic heights, sticky headers, or horizontal virtualization.
Accessibility
- Viewport uses
role="list"with localizedaria-label. - Live region announces loading, empty, and available item counts.
- Rendered rows expose
role="listitem"within the scrollable viewport.