---
description: >-
  Use various Chat Lists Layouts provided in the Chat Lists section, including
  Whatsapp layout
---

# Chat Lists

Ionic 4 Full App contains 5 different Chat List layouts. You can pick any of these and use it in your app, or make changes to theme to create various different chat themes.

These chat themes use JSON data for demo purpose. You can replace this with real-time data from your chat server.&#x20;

You can find these at `src/app/pages/chat`

![](https://3065094597-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-La-kqVz2Uq1Ka0VUWZT%2F-LcVs6iuYAxZjONtSt5G%2F-LcVtVfq_Ws3jXPPPygJ%2F2019-02-07%2013-13-06.2019-02-07%2013_13_27.gif?alt=media\&token=fec0c00c-bfb0-450d-93cf-7e235aea4f93)

![](https://3065094597-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-La-kqVz2Uq1Ka0VUWZT%2F-LcVpy_7M-UhbTQwNK8g%2F-LcVqFOi-ewgBN_jL2Ur%2FScreen%20Shot%202019-04-15%20at%205.23.28%20PM.png?alt=media\&token=29560f17-84cd-4dd1-b75c-1d73ea47bf7b)

![](https://3065094597-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-La-kqVz2Uq1Ka0VUWZT%2F-LcVpy_7M-UhbTQwNK8g%2F-LcVqH5Z9kuM843KYqLW%2FScreen%20Shot%202019-04-15%20at%205.23.35%20PM.png?alt=media\&token=6e405b93-6d89-4050-a981-2cb26013ff03)

![](https://3065094597-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-La-kqVz2Uq1Ka0VUWZT%2F-LcVpy_7M-UhbTQwNK8g%2F-LcVqItqxbBFXVbD6ALN%2FScreen%20Shot%202019-04-15%20at%205.23.43%20PM.png?alt=media\&token=ebc260f7-83bd-4083-9111-def4c5e23867)

![](https://3065094597-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-La-kqVz2Uq1Ka0VUWZT%2F-LcVpy_7M-UhbTQwNK8g%2F-LcVqLpuGCbDD968Z4id%2FScreen%20Shot%202019-04-15%20at%205.24.02%20PM.png?alt=media\&token=7dd002ea-552d-4ba6-91d7-5980b07af456)

