Guides

Index of task-oriented feature guides for the CometChat Angular UIKit.

AI Integration Quick Reference

Field	Value
Package	@cometchat/chat-uikit-angular
Purpose	Index of task-oriented feature guides for the Angular UIKit
Sample app	GitHub
Components	Components Overview
Guides	Threaded Messages · Group Chat · New Chat · Search Messages · Block/Unblock · Message Privately · Call Log Details · Custom Message Types

This page indexes focused, task-oriented feature guides for the Angular UIKit. 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 Integration Guide. They help you layer additional UX without rewriting core chat flows.

Guide Directory

Guide	Description
Threaded Messages	Implement threaded message replies with parent context, reply list, and focused thread composer.
Group Chat	Create and join groups, view members, manage roles and scopes, transfer ownership.
New Chat	Start new one-to-one or group conversations with user and group discovery.
Search Messages	Add full-text message search across conversations with result routing.
Block / Unblock User	Block or unblock users in one-to-one chats; hide composer and show unblock prompt.
Message Privately	Launch a direct one-to-one chat from a user profile or group member list.
Call Log Details	Display detailed call insights: metadata, participants, join/leave history, recordings.
Custom Message Types	Register custom message types with bubble templates, conversation subtitle overrides, and fetch inclusion.
Custom Text Formatter	Extend the base formatter to implement custom inline patterns with regex and callbacks.
Mentions Formatter	Add @mentions with styled tokens, suggestion list, and click handling.
URL Formatter	Detect and style plain URLs as clickable links with optional tracking logic.
Shortcut Formatter	Provide shortcut-style text expansions invoking extension APIs or dialogs.
Hashtag Formatter	Highlight #hashtags in the composer, message bubbles, conversation last message, and edit view.
Rich Text Formatting	Configure and customize the rich text editor in the message composer.

Need another guide? Open a request via our Support Portal.

---

Next Steps

Getting Started

Set up the Angular UIKit from scratch

Components Overview

Explore all UI components

Customization

Theme and style the UIKit to match your brand

Events

Subscribe to UIKit events for custom workflows