Overview

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.

Need another guide? Open a request via our Developer Community or Support.