Skip to content
Cloudflare Docs

RtkVirtualizedParticipantList

Properties

PropertyTypeRequiredDefaultDescription
bufferedItemsCountnumber-Buffer items to render before and after the visible area
emptyListElementHTMLElement-Element to render if list is empty
itemHeightnumber-Height of each item in pixels (assumed fixed)
itemsPeer1[]-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}
/>
);
}