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"
    />
  );
}