Skip to content

RtkChatSelectorUi

Last updated View as MarkdownAgent setup

Properties

Property Type Required Default Description
groups ChatGroup[] - Participants
iconPack IconPack1 defaultIconPack Icon pack
selectedGroupId string - Selected participant
selfUserId string - Self User ID
t RtkI18n useLanguage() Language
unreadCounts Record<string, number> - Unread counts

Usage Examples

Basic Usage

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

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

With Properties

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

function MyComponent() {
  return (
    <RtkChatSelectorUi
      groups={[]}
      selectedGroupId="example"
      selfUserId="example"
    />
  );
}

Was this helpful?