diff --git a/Flutter/ai-assistview/composer.md b/Flutter/ai-assistview/composer.md
index e5e2579a..c11b59d5 100644
--- a/Flutter/ai-assistview/composer.md
+++ b/Flutter/ai-assistview/composer.md
@@ -67,7 +67,7 @@ The [`enabled`](https://api.flutter.dev/flutter/material/InputDecoration/enabled
#### Border
-The [`border`](https://api.flutter.dev/flutter/material/InputDecoration/border.html) property defines shape of the border that is drawn around the text field. By default, an [`OutlineInputBorder`](https://api.flutter.dev/flutter/material/OutlineInputBorder-class.html) is used.
+The [`border`](https://api.flutter.dev/flutter/material/InputDecoration/border.html) property defines the shape of the border that is drawn around the text field. By default, an [`OutlineInputBorder`](https://api.flutter.dev/flutter/material/OutlineInputBorder-class.html) is used.
{% tabs %}
{% highlight dart hl_lines="10" %}
diff --git a/Flutter/ai-assistview/how-to/custom-widget-on-flutterflow.md b/Flutter/ai-assistview/how-to/custom-widget-on-flutterflow.md
index ce5f9af5..afa8fbab 100644
--- a/Flutter/ai-assistview/how-to/custom-widget-on-flutterflow.md
+++ b/Flutter/ai-assistview/how-to/custom-widget-on-flutterflow.md
@@ -11,7 +11,7 @@ documentation: ug
## Overview
-[FlutterFlow](https://app.flutterflow.io/dashboard) enables you to create native applications using its graphical interface, reducing the need to write extensive amounts of code. Additionally, it offers the capability to include custom widgets that are not included in the default [FlutterFlow](https://app.flutterflow.io/dashboard) widget collection. This article explains how to incorporate our SfAIAssistView widget as a custom widget in [FlutterFlow](https://app.flutterflow.io/dashboard).
+[FlutterFlow](https://app.flutterflow.io/dashboard) enables you to create native applications using its graphical interface, reducing the need to write extensive code. It also offers the capability to include custom widgets that aren't part of the default [FlutterFlow](https://app.flutterflow.io/dashboard) widget collection. This article explains how to incorporate our SfAIAssistView widget as a custom widget in [FlutterFlow](https://app.flutterflow.io/dashboard).
### Create a new project
@@ -30,7 +30,7 @@ Navigate to the [FlutterFlow dashboard](https://app.flutterflow.io/dashboard) an
### Add AIAssistView widget as a dependency
-1. Click on `+ Add Dependency`, a text editor will appear.
+1. Click on `+ Add Dependency`, and a text editor will appear.
2. Navigate to [Syncfusion® Flutter Chat](https://pub.dev/packages/syncfusion_flutter_chat) in [pub.dev](https://pub.dev/) and copy the dependency name and version using the `Copy to Clipboard` option.
3. Paste the copied dependency into the text editor, then click `Refresh` and `Save` it.
diff --git a/Flutter/ai-assistview/right-to-left.md b/Flutter/ai-assistview/right-to-left.md
index 8e324610..e5b4575c 100644
--- a/Flutter/ai-assistview/right-to-left.md
+++ b/Flutter/ai-assistview/right-to-left.md
@@ -44,7 +44,7 @@ To change the rendering direction from right to left, you can wrap the [`SfAIAss
### Placeholder
-Right to left (RTL) rendering is supported for the [`placeholderBuilder`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/assist_view/SfAIAssistView/placeholderBuilder.html) in the AIAssistView. The widget added in the placeholderBuilder will be rendered from right to left direction. But, the text widget or text entered in the widget will render from left to right direction.
+Right to left (RTL) rendering is supported for the [`placeholderBuilder`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/assist_view/SfAIAssistView/placeholderBuilder.html) in the AIAssistView. The widget added in the [`placeholderBuilder`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/assist_view/SfAIAssistView/placeholderBuilder.html) will be rendered from right to left direction. But, the text widget or text entered in the widget will render from left to right direction.
{% tabs %}
{% highlight dart hl_lines="5 10" %}
@@ -241,3 +241,5 @@ Right to left (RTL) rendering is supported for both [`request`](https://pub.dev/
{% endtabs %}
+
+>You can refer to our [Flutter AI AssistView](https://www.syncfusion.com/flutter-widgets/flutter-aiassistview) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter AI AssistView example](https://flutter.syncfusion.com/#/ai-assist-view/getting-started) which demonstrates interaction between users and AI services in a fully customizable layout and shows how to easily configure the AI AssistView with built-in support for creating stunning visual effects.
\ No newline at end of file
diff --git a/Flutter/chat/action-button.md b/Flutter/chat/action-button.md
index b25fd971..f62ffdc0 100644
--- a/Flutter/chat/action-button.md
+++ b/Flutter/chat/action-button.md
@@ -13,7 +13,7 @@ This section explains how to add and customize the action button using the vario
## Action button
-The [`actionButton`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/actionButton.html) represents the send button and is not included in the chat by default. To add it, create an instance of [`ChatActionButton`](https://api.flutter.dev/flutter/material/InputDecoration/hintText.html) and assign it to the [`actionButton`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/actionButton.html) property.
+The [`actionButton`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/actionButton.html) represents the send button and is not included in the chat by default. To add it, create an instance of [`ChatActionButton`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatActionButton-class.html) and assign it to the [`actionButton`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/actionButton.html) property.
When the send button is clicked, it invokes the [`ChatActionButton.onPressed`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatActionButton/onPressed.html) callback with the text composed in the default composer (text field), which rebuilds the Chat widget to add the new message to the conversation area.
diff --git a/Flutter/chat/chat-theme.md b/Flutter/chat/chat-theme.md
index 3d95c294..ba4c5767 100644
--- a/Flutter/chat/chat-theme.md
+++ b/Flutter/chat/chat-theme.md
@@ -593,7 +593,7 @@ The [`outgoingContentTextStyle`](https://pub.dev/documentation/syncfusion_flutte
## Incoming content text style
-The [`incomingContentTextStyle`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfChatThemeData/incomingContentTextStyle.html) property is used to specify the style for text in incoming message bubbles
+The [`incomingContentTextStyle`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfChatThemeData/incomingContentTextStyle.html) property is used to specify the style for text in incoming message bubbles.
{% tabs %}
{% highlight Dart hl_lines="8" %}
diff --git a/Flutter/chat/composer.md b/Flutter/chat/composer.md
index 7be2fe97..63548a88 100644
--- a/Flutter/chat/composer.md
+++ b/Flutter/chat/composer.md
@@ -51,7 +51,7 @@ The default value for `minLines` is `1`, and the default value for `maxLines` is
### Decoration
-The [`decoration`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatComposer/decoration.html) property customizes the visual attributes of the message input field, such as hint text,borders, and internal padding, using an [`InputDecoration`](https://api.flutter.dev/flutter/material/InputDecoration-class.html).
+The [`decoration`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatComposer/decoration.html) property customizes the visual attributes of the message input field, such as hint text, borders, and internal padding, using an [`InputDecoration`](https://api.flutter.dev/flutter/material/InputDecoration-class.html).
The [`InputDecoration`](https://api.flutter.dev/flutter/material/InputDecoration-class.html) class enhances the composer by utilizing its properties, such as borders, labels, icons, and styles.
@@ -69,7 +69,7 @@ The [`enabled`](https://api.flutter.dev/flutter/material/InputDecoration/enabled
#### Border
-The [`border`](https://api.flutter.dev/flutter/material/InputDecoration/border.html) property defines shape of the border that is drawn around the text field. By default, an [`OutlineInputBorder`](https://api.flutter.dev/flutter/material/OutlineInputBorder-class.html) is used.
+The [`border`](https://api.flutter.dev/flutter/material/InputDecoration/border.html) property defines the shape of the border that is drawn around the text field. By default, an [`OutlineInputBorder`](https://api.flutter.dev/flutter/material/OutlineInputBorder-class.html) is used.
{% tabs %}
{% highlight dart hl_lines="34" %}
@@ -292,7 +292,7 @@ The [`prefixIcon`](https://api.flutter.dev/flutter/material/InputDecoration/pref
### Margin
-The [`margin`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatComposer/margin.html) property defines the space around the text field, which is used to create space between the conversion area and the text field.
+The [`margin`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatComposer/margin.html) property defines the space around the text field, which is used to create space between the conversation area and the text field.
By default, the top `margin` is set to `16`.
@@ -480,4 +480,4 @@ If [`ChatComposer.builder`](https://pub.dev/documentation/syncfusion_flutter_cha
->You can refer to our [`Flutter Chat`](https://www.syncfusion.com/flutter-widgets/flutter-chat) feature tour page for its groundbreaking feature representations. You can also explore our [`Flutter Chat example`](https://flutter.syncfusion.com/#/chat/getting-started) which demonstrates conversations between two or more users in a fully customizable layout and shows how to easily configure the chat with built-in support for creating stunning visual effects.
+>You can refer to our [Flutter Chat](https://www.syncfusion.com/flutter-widgets/flutter-chat) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Chat example](https://flutter.syncfusion.com/#/chat/getting-started) which demonstrates conversations between two or more users in a fully customizable layout and shows how to easily configure the chat with built-in support for creating stunning visual effects.
diff --git a/Flutter/chat/conversation-area.md b/Flutter/chat/conversation-area.md
index ecd441b8..846dc2af 100644
--- a/Flutter/chat/conversation-area.md
+++ b/Flutter/chat/conversation-area.md
@@ -15,7 +15,7 @@ This section explains the customization options available for modifying the inco
The [`messages`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/messages.html) property is the data source of the Chat widget which accepts the list of [`ChatMessage`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessage-class.html) objects to be displayed as incoming or outgoing messages based on the [`outgoingUser`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/outgoingUser.html) property value.
-Each [`ChatMessage`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessage-class.html) contains the following message information,
+Each [`ChatMessage`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessage-class.html) contains the following message information:
* [`text`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessage/text.html) - This defines the actual content of the message.
* [`time`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessage/time.html) - This indicates the time the message was sent.
@@ -64,9 +64,9 @@ Each [`ChatMessage`](https://pub.dev/documentation/syncfusion_flutter_chat/lates
-Additionally the message can be extended to include more detailed information about the respected chat message.
+Additionally, the message can be extended to include more detailed information about the respective chat message.
-In the following example, included the user's display name additionally in the existing message.
+In the following example, the user's display name is included additionally in the existing message.
{% tabs %}
{% highlight dart hl_lines="40" %}
@@ -151,7 +151,7 @@ In the following example, included the user's display name additionally in the e
## Suggestions
-The [`Suggestions`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessage/suggestions.html) property allows you to add a list of suggestion items to a message in the message list. The selected suggestion item can be displayed in the chat interface as either an incoming or outgoing message, depending on the user who selected it. The suggestion layout, background color, and other properties can be customized.
+The [`suggestions`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessage/suggestions.html) property allows you to add a list of suggestion items to a message in the message list. The selected suggestion item can be displayed in the chat interface as either an incoming or outgoing message, depending on the user who selected it. The suggestion layout, background color, and other properties can be customized.
{% tabs %}
{% highlight dart hl_lines="21" %}
@@ -538,10 +538,6 @@ The [`widthFactor`](https://pub.dev/documentation/syncfusion_flutter_chat/latest
The [`avatarSize`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessageSettings/avatarSize.html) property is used to specify the size of the author's avatar in the message. Defaults to `Size.square(32.0)`.
-### Margin
-
-The [`margin`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessageSettings/margin.html) property is used to define the space inside the message between the border and content. Defaults to `EdgeInsets.all(2.0)`.
-
{% tabs %}
{% highlight dart hl_lines="33 36" %}
@@ -852,4 +848,4 @@ The [`footerPadding`](https://pub.dev/documentation/syncfusion_flutter_chat/late
#### See Also
-* You can also customize the Message shapes and colors properties of both [`incomingMessageSettings`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/incomingMessageSettings.html) and [`outgoingMessageSettings`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/outgoingMessageSettings.html)using [`SfChatTheme`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfChatTheme/SfChatTheme.html) by wrapping with [`SfChat`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/SfChat.html).
+* You can also customize the Message shapes and colors properties of both [`incomingMessageSettings`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/incomingMessageSettings.html) and [`outgoingMessageSettings`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/outgoingMessageSettings.html) using [`SfChatTheme`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfChatTheme/SfChatTheme.html) by wrapping with [`SfChat`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/SfChat.html).
diff --git a/Flutter/chat/getting-started.md b/Flutter/chat/getting-started.md
index 5ac87a19..e576fe0b 100644
--- a/Flutter/chat/getting-started.md
+++ b/Flutter/chat/getting-started.md
@@ -155,7 +155,7 @@ To add the [`ChatComposer`](https://pub.dev/documentation/syncfusion_flutter_cha
## Add placeholder to conversation area
-By default, conversation messages are empty. It’s a good idea to show a message or design to indicate this. You can use the [`placeholderBuilder`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/placeholderBuilder.html) property to create a custom widget that appears in the conversation area, which can be removed once messages start coming in.
+By default, conversation messages are empty. It's a good idea to show a message or design to indicate this. You can use the [`placeholderBuilder`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/placeholderBuilder.html) property to create a custom widget that appears in the conversation area, which can be removed once messages start coming in.
{% tabs %}
{% highlight dart hl_lines="10" %}
@@ -191,7 +191,7 @@ By default, conversation messages are empty. It’s a good idea to show a messag
## Add action button
-It represents the send button, which was not included by default. To add it, create an instance of [`ChatActionButton`](https://api.flutter.dev/flutter/material/InputDecoration/hintText.html) for the actionButton.
+It represents the send button, which was not included by default. To add it, create an instance of [`ChatActionButton`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatActionButton-class.html) for the actionButton.
When the send button is clicked, the [`ChatActionButton.onPressed`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatActionButton/onPressed.html) callback is invoked, which rebuilds the chat widget with the newly composed message.
diff --git a/Flutter/chat/how-to/custom-widget-on-flutterflow.md b/Flutter/chat/how-to/custom-widget-on-flutterflow.md
index d2c4eed7..76d05b16 100644
--- a/Flutter/chat/how-to/custom-widget-on-flutterflow.md
+++ b/Flutter/chat/how-to/custom-widget-on-flutterflow.md
@@ -11,7 +11,7 @@ documentation: ug
## Overview
-[FlutterFlow](https://app.flutterflow.io/dashboard) enables you to create native applications using its graphical interface, reducing the need to write extensive amounts of code. Additionally, it offers the capability to include custom widgets that are not included in the default [FlutterFlow](https://app.flutterflow.io/dashboard) widget collection. This article explains how to incorporate our SfChat widget as a custom widget in [FlutterFlow](https://app.flutterflow.io/dashboard).
+[FlutterFlow](https://app.flutterflow.io/dashboard) enables you to create native applications using its graphical interface, reducing the need to write extensive code. It also offers the capability to include custom widgets that aren't part of the default [FlutterFlow](https://app.flutterflow.io/dashboard) widget collection. This article explains how to incorporate our SfChat widget as a custom widget in [FlutterFlow](https://app.flutterflow.io/dashboard).
### Create a new project
@@ -30,7 +30,7 @@ Navigate to the [FlutterFlow dashboard](https://app.flutterflow.io/dashboard) an
### Add Chat widget as a dependency
-1. Click on `+ Add Dependency`, a text editor will appear.
+1. Click on `+ Add Dependency`, and a text editor will appear.
2. Navigate to [Syncfusion® Flutter Chat](https://pub.dev/packages/syncfusion_flutter_chat) in [pub.dev](https://pub.dev/) and copy the dependency name and version using the `Copy to Clipboard` option.
3. Paste the copied dependency into the text editor, then click `Refresh` and `Save` it.
diff --git a/Flutter/chat/overview.md b/Flutter/chat/overview.md
index 5a0977ea..e5b9fbd4 100644
--- a/Flutter/chat/overview.md
+++ b/Flutter/chat/overview.md
@@ -11,6 +11,8 @@ documentation: ug
The Syncfusion® Flutter Chat widget displays conversations between two or more users and offers a wide range of customization options, including the composer, action button, and message content (header, footer, content, and avatar).
+The Syncfusion® Flutter Chat widget displays conversations between two or more users and offers a wide range of customization options, including the composer, action button, and message content (header, footer, content, and avatar).
+
## Features
@@ -21,9 +23,9 @@ The Syncfusion® Flutter Chat widget displays conversations betwee
* **Action Button** - Represents the send button. Pressing this action button invokes the [`onPressed`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatActionButton/onPressed.html) callback with the text entered in the default [`ChatComposer`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatComposer-class.html).
-* **Message Content** - A list of [`ChatMessage`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessage-class.html) objects that will be displayed in the chat interface as either incoming or outgoing messages based on the [`outgoingUser`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/outgoingUser.html). Each [`ChatMessage`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessage-class.html) includes details such as the message text, timestamp, and author information.
+* **Message Content** - A list of [`ChatMessage`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessage-class.html) objects that will be displayed in the chat interface as either incoming or outgoing messages based on the [`outgoingUser`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/outgoingUser.html). Each [`ChatMessage`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessage-class.html) includes details such as the message text, timestamp, and author information.
-* **Suggestions** - The list of [`Suggestions`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessage/suggestions.html) can be added for a message in the message list. The selected suggestion item can be displayed in the chat interface as either incoming or outgoing messages based on the user who selected the suggestion item.
+* **Suggestions** - The list of [`suggestions`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessage/suggestions.html) can be added for a message in the message list. The selected suggestion item can be displayed in the chat interface as either incoming or outgoing messages based on the user who selected the suggestion item.
* **Message Header** - Displays the sender's name and the timestamp associated with each message. Using the [`messageHeaderBuilder`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/messageHeaderBuilder.html), a custom widget can be specified to display as a header for each chat message with required details about the respective message.
diff --git a/Flutter/chat/placeholder.md b/Flutter/chat/placeholder.md
index 9efafcf3..5ba70d0e 100644
--- a/Flutter/chat/placeholder.md
+++ b/Flutter/chat/placeholder.md
@@ -9,9 +9,9 @@ documentation: ug
# Placeholder in Flutter Chat (SfChat)
-The [`placeholderBuilder`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/placeholderBuilder.html) property allows you to specify any type of widget that will be displayed in the conversion area.
+The [`placeholderBuilder`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/placeholderBuilder.html) property allows you to specify any type of widget that will be displayed in the conversation area.
-It will be displayed when there are no messages in the conversions and will be removed when messages start being added.
+It will be displayed when there are no messages in the conversation and will be removed when messages start being added.
{% tabs %}
{% highlight dart hl_lines="10" %}
@@ -68,4 +68,4 @@ It will be displayed when there are no messages in the conversions and will be r
->You can refer to our [`Flutter Chat`](https://www.syncfusion.com/flutter-widgets/flutter-chat) feature tour page for its groundbreaking feature representations. You can also explore our [`Flutter Chat example`](https://flutter.syncfusion.com/#/chat/getting-started) which demonstrates conversations between two or more users in a fully customizable layout and shows how to easily configure the chat with built-in support for creating stunning visual effects.
+>You can refer to our [Flutter Chat](https://www.syncfusion.com/flutter-widgets/flutter-chat) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Chat example](https://flutter.syncfusion.com/#/chat/getting-started) which demonstrates conversations between two or more users in a fully customizable layout and shows how to easily configure the chat with built-in support for creating stunning visual effects.
\ No newline at end of file
diff --git a/Flutter/chat/right-to-left.md b/Flutter/chat/right-to-left.md
index e5027e17..36a16820 100644
--- a/Flutter/chat/right-to-left.md
+++ b/Flutter/chat/right-to-left.md
@@ -7,11 +7,9 @@ control: SfChat
documentation: ug
---
-
# Right To Left (RTL) in Flutter Chat (SfChat)
-
-Chat supports the right to left rendering for all the elements in the Chat widget.
+Chat supports the right to left rendering for all the elements in the Chat widget.
## RTL rendering ways
@@ -165,7 +163,7 @@ Right to left (RTL) rendering is supported for the [`actionButton`](https://pub.
### Message Content
-Right to left (RTL) rendering is supported for [`Messages`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessage-class.html) in the chat conversation area. In RTL mode, message content, header and suggestions will render the widget in right to left direction.
+Right to left (RTL) rendering is supported for [`Messages`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessage-class.html) in the chat conversation area. In RTL mode, message content, header and suggestions will render the widget in right to left direction.
{% tabs %}
{% highlight dart hl_lines="5 8" %}
@@ -213,3 +211,5 @@ Right to left (RTL) rendering is supported for [`Messages`](https://pub.dev/docu
{% endtabs %}
+
+>You can refer to our [Flutter Chat](https://www.syncfusion.com/flutter-widgets/flutter-chat) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Chat example](https://flutter.syncfusion.com/#/chat/getting-started) which demonstrates conversations between two or more users in a fully customizable layout and shows how to easily configure the chat with built-in support for creating stunning visual effects.
\ No newline at end of file