> For the complete documentation index, see [llms.txt](https://hencework.gitbook.io/pangong/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://hencework.gitbook.io/pangong/application/chat.md).

# Chat

## Introduction

Chat spp is exclusive design for Pangong users , it provide you rich user experience. 

There are no external plugin dependencies.

## How to Setup

### **HTML Source** <a href="#html-source" id="html-source"></a>

```markup
  <div class="chatapp-wrap">
    <div class="chatapp-left">
        <header>
             <!--Chat app left header content-->
        </header>
        <form role="search" class="chat-search">
             <!--Chat app search form-->
        </form>
        <div class="chatapp-users-list">
           <!--Chat app user list-->
        </div>
    </div>
    <div class="chatapp-right">
        <header>
            <!--Chat app right header content-->
        </header>
        <div class="chat-body">
            <!--Chat body-->
        </div>
        <footer>
            <!--Chat Input field-->
        </footer>
    </div>
  </div>    
```