UI
← Home

Virtual List

A virtualized listbox: it renders only a bounded window of a large item set (here 1,000 items) while exposing the full size to assistive tech and keeping every item reachable by scroll or keyboard (Arrow, Home/End).

  • Axe
  • Name
  • Roving
  • Focus
  • Restore

Preview

Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Item 13
Item 14
Item 15
Item 16

Installation

npx shadcn@latest add https://ui.publictheta.com/r/virtual-list.json

Conformance

Verified against the @publictheta/ui-spec virtual-list specification on both the React and vanilla reference implementations, across Chromium, Firefox, and WebKit.

  • Axe — No WCAG 2 A/AA axe-core violations
  • Name — The widget container exposes an accessible name
  • Roving — Exactly one tab stop; Arrow keys move within the widget
  • Focus — A visible focus indicator appears on keyboard focus (WCAG 2.4.7)
  • Restore — What the user set is still there after a reload — the pane size, the column widths, the open section, the active tab, the scroll position — but only where the host opted in, and never at the cost of working when storage is unavailable

See the full conformance matrix across all components.