> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-agent-native-development.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Guides

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

<Accordion title="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](https://github.com/cometchat/cometchat-uikit-angular/tree/v5/projects/sample-app) |
  | Components | [Components Overview](/ui-kit/angular/components/components-overview) |
  | Guides | [Threaded Messages](/ui-kit/angular/guides/threaded-messages) · [Group Chat](/ui-kit/angular/guides/group-chat) · [New Chat](/ui-kit/angular/guides/new-chat) · [Search Messages](/ui-kit/angular/guides/search-messages) · [Block/Unblock](/ui-kit/angular/guides/block-unblock-user) · [Message Privately](/ui-kit/angular/guides/message-privately) · [Call Log Details](/ui-kit/angular/guides/call-log-details) · [Custom Message Types](/ui-kit/angular/guides/custom-message-types) |
</Accordion>

> 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](/ui-kit/angular/integration). They help you layer additional UX without rewriting core chat flows.

## Guide Directory

| Guide | Description |
| :- | :- |
| [Threaded Messages](/ui-kit/angular/guides/threaded-messages) | Implement threaded message replies with parent context, reply list, and focused thread composer. |
| [Thread Subscription](/ui-kit/angular/guides/thread-subscription) | Let users follow and unfollow individual threads so they are notified about new replies. |
| [Pin & Save](/ui-kit/angular/guides/pin-and-save-messages) | Pin messages for the whole conversation, save messages privately, and pin conversations to the top of the list. |
| [Group Chat](/ui-kit/angular/guides/group-chat) | Create and join groups, view members, manage roles and scopes, transfer ownership. |
| [New Chat](/ui-kit/angular/guides/new-chat) | Start new one-to-one or group conversations with user and group discovery. |
| [Search Messages](/ui-kit/angular/guides/search-messages) | Add full-text message search across conversations with result routing. |
| [Block / Unblock User](/ui-kit/angular/guides/block-unblock-user) | Block or unblock users in one-to-one chats; hide composer and show unblock prompt. |
| [Message Privately](/ui-kit/angular/guides/message-privately) | Launch a direct one-to-one chat from a user profile or group member list. |
| [Call Log Details](/ui-kit/angular/guides/call-log-details) | Display detailed call insights: metadata, participants, join/leave history, recordings. |
| [Custom Message Types](/ui-kit/angular/guides/custom-message-types) | Register custom message types with bubble templates, conversation subtitle overrides, and fetch inclusion. |
| [Custom Text Formatter](/ui-kit/angular/guides/custom-text-formatter) | Extend the base formatter to implement custom inline patterns with regex and callbacks. |
| [Mentions Formatter](/ui-kit/angular/guides/mentions-formatter) | Add @mentions with styled tokens, suggestion list, and click handling. |
| [URL Formatter](/ui-kit/angular/guides/url-formatter) | Detect and style plain URLs as clickable links with optional tracking logic. |
| [Shortcut Formatter](/ui-kit/angular/guides/shortcut-formatter) | Provide shortcut-style text expansions invoking extension APIs or dialogs. |
| [Hashtag Formatter](/ui-kit/angular/guides/hashtag-formatter) | Highlight #hashtags in the composer, message bubbles, conversation last message, and edit view. |
| [Rich Text Formatting](/ui-kit/angular/guides/rich-text-formatting) | Configure and customize the rich text editor in the message composer. |

<Note>
  Need another guide? Open a request via our [Support Portal](https://help.cometchat.com/hc/en-us/requests/new).
</Note>

***

## Next Steps

<CardGroup cols={2}>
  <Card title="Getting Started" icon="rocket" href="/ui-kit/angular/integration">
    Set up the Angular UIKit from scratch
  </Card>

  <Card title="Components Overview" icon="puzzle-piece" href="/ui-kit/angular/components/components-overview">
    Explore all UI components
  </Card>

  <Card title="Customization" icon="palette" href="/ui-kit/angular/customization/theming">
    Theme and style the UIKit to match your brand
  </Card>

  <Card title="Events" icon="bolt" href="/ui-kit/angular/events">
    Subscribe to UIKit events for custom workflows
  </Card>
</CardGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.