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