Why does VList have no as prop?

[chloe463]

Hi!
Thanks for the great library. It helps me a lot.
However, I have a question about VList.
Is there any reason that VList doesn't have as prop, whereas WindowVirtualizer have it?
In my use case, I want to use VList with ul as root and li as item, but VList doesn't have as props so I can't achieve that goal.

<VList
  count={count}
  overscan={10}
  as="ul" // <- It is not possible 🤔
  item="li"
>...</VList>

[inokawa]

You can use Virtualizer instead of VList. VList is just a wrapper of Virtualizer so you can build your own VList by yourself.

virtua/src/react/VList.tsx

Lines 108 to 121 in 63e9285

	<div
	ref={scrollRef}
	{...attrs}
	style={{
	display: horizontal ? "inline-block" : "block",
	[horizontal ? "overflowX" : "overflowY"]: "auto",
	contain: "strict",
	width: "100%",
	height: "100%",
	...style,
	}}
	>
	{element}
	</div>

Customizing the inner div seems to be an advanced usecase, probably ul, dl and table only need it. We think VList is for virtualization with minimal settings, to cover 80~90% of usecases, so we'd like to keep its API less.

[chloe463]

@inokawa
Thank you for the reply!
I think I can make it with Virtualizer. And I understand your thought about the VList 👍
Thank you again.