RtkVirtualizedParticipantList

Properties

Property	Type	Required	Default	Description
`bufferedItemsCount`	`number`	✅	-	Buffer items to render before and after the visible area
`emptyListElement`	`HTMLElement`	✅	-	Element to render if list is empty
`itemHeight`	`number`	✅	-	Height of each item in pixels (assumed fixed)
`items`	`Peer1[]`	✅	-	Items to be virtualized
`renderItem`	`(item: Peer1, index: number)`	✅	-	Function to render each item

Usage Examples

Basic Usage

import { RtkVirtualizedParticipantList } from '@cloudflare/realtimekit-react-ui';

function MyComponent() {
  return <RtkVirtualizedParticipantList />;
}

With Properties

import { RtkVirtualizedParticipantList } from '@cloudflare/realtimekit-react-ui';

function MyComponent() {
  return (
    <RtkVirtualizedParticipantList
      bufferedItemsCount={42}
      emptyListElement={htmlelement}
      itemHeight={42}
    />
  );
}