This page indexes focused, task‑oriented feature guides for the React UI Kit. Each guide shows how to implement a specific capability end‑to‑end using UI components.
When to Use These Guides
Use these guides after completing the base Getting Started (or framework variant: Next.js, React Router). They help you layer additional UX without rewriting core chat flows.Guide Directory
| Guide | Description |
|---|---|
| Block / Unblock User | Let users block or unblock others in 1:1 chats; hides composer and shows an unblock prompt while preventing message exchange. |
| Call Log Details | Detailed call insights screen: metadata, participants, join/leave history, and recordings. |
| Group Management | Create/join groups, view members, add / ban users, change roles/scopes, transfer ownership. |
| Message Privately | Launch a direct 1:1 chat from a user profile or list; optionally send a first message to surface conversation. |
| New Chat | Unified entry for starting new 1:1 or group chats with user & group discovery. |
| Threaded Messages | Threaded replies: open parent context, list replies, compose within focused thread. |
| Search Messages | Add full‑text message search across conversations with result routing into context. |
| Custom Text Formatter | Extend the base formatter to implement custom inline patterns (hashtags, keywords) with regex + callbacks. |
| Mentions Formatter | Add @mentions with styled tokens, suggestion list, and click handling for users & members. |
| URL Formatter | Detect and style plain URLs; render them as clickable links with optional tracking logic. |
| Shortcut Formatter | Provide !shortcut style expansions invoking extension APIs or dialogs before inserting content. |