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?