RtkPaginatedList

Properties

Property	Type	Required	Default	Description
autoScroll	boolean	✅	-	auto scroll list to bottom
createNodes	(data: unknown[])	✅	-	Create nodes
emptyListLabel	string	✅	-	label to show when empty
fetchData	(timestamp: number, size: number, reversed: boolean)	✅	-	Fetch the data
iconPack	IconPack	❌	defaultIconPack	Icon pack
pageSize	number	✅	-	Page Size
pagesAllowed	number	✅	-	Number of pages allowed to be shown
rerenderList	()	✅	-	Rerender paginated list
reset	(timestamp?: number)	❌	-	Resets the paginated list to a given timestamp
t	RtkI18n	❌	useLanguage()	Language

Usage Examples

Basic Usage

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

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

With Properties

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

function MyComponent() {
  return (
    <RtkPaginatedList
      autoScroll={true}
      createNodes={[]}
      emptyListLabel="example"
    />
  );
}