Skip to content
4 changes: 3 additions & 1 deletion blazor/chat-ui/timebreak.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,9 @@ documentation: ug

## Show or hide time break

You can use the [ShowTimeBreak](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InteractiveChat.SfChatUI.html#Syncfusion_Blazor_InteractiveChat_SfChatUI_ShowTimeBreak) property to display date-wise separations between all the messages which enhances the readability and message organizing. The default value is `false`, indicating time breaks are disabled unless it is enabled.
The Syncfusion Blazor Chat UI component supports displaying date-wise separators between messages using the [ShowTimeBreak](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InteractiveChat.SfChatUI.html#Syncfusion_Blazor_InteractiveChat_SfChatUI_ShowTimeBreak) property. This feature enhances readability and helps organize the conversation chronologically. By default, this property is `false`.

When `ShowTimeBreak` is enabled, a separator will be displayed whenever the date changes between consecutive messages.

```cshtml

Expand Down
8 changes: 5 additions & 3 deletions blazor/chat-ui/timestamp.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,13 @@ documentation: ug

# Timestamp in Blazor Chat UI component

This section explains how to customize the timestamp display in the Syncfusion Blazor Chat component.

## Show or hide timestamp

You can use the [ShowTimestamp](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InteractiveChat.SfChatUI.html#Syncfusion_Blazor_InteractiveChat_SfChatUI_ShowTimestamp) property to enable or disable timestamps for all messages which displays the exact date and time when they were sent. By default, the value is `true`.
The [ShowTimestamp](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InteractiveChat.SfChatUI.html#Syncfusion_Blazor_InteractiveChat_SfChatUI_ShowTimestamp) property enables or disables the timestamp for all messages, which indicates the date and time they were sent. By default, this property is set to `true`.

You can use the [Timestamp](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InteractiveChat.ChatMessage.html#Syncfusion_Blazor_InteractiveChat_ChatMessage_Timestamp) property to indicate the date and time of each message being sent. By default it is set to the current date and time when the message is sent.
The [Timestamp](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InteractiveChat.ChatMessage.html#Syncfusion_Blazor_InteractiveChat_ChatMessage_Timestamp) property in the `ChatMessage` class specifies the date and time for each message. If not set, it defaults to the current system time when the message is created.

```cshtml

Expand Down Expand Up @@ -41,7 +43,7 @@ You can use the [Timestamp](https://help.syncfusion.com/cr/blazor/Syncfusion.Bla

## Setting timestamp format

You can use the [TimestampFormat](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InteractiveChat.SfChatUI.html#Syncfusion_Blazor_InteractiveChat_SfChatUI_TimestampFormat) property to display time formats for all the messages which are displayed with the messages being sent. By default, the value is `dd/MM/yyyy hh:mm tt`.
The [TimestampFormat](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InteractiveChat.SfChatUI.html#Syncfusion_Blazor_InteractiveChat_SfChatUI_TimestampFormat) property allows customization of the display format for message timestamps. The default format is `dd/MM/yyyy hh:mm tt`.

```cshtml

Expand Down
8 changes: 4 additions & 4 deletions blazor/chat-ui/typing-indicator.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,13 +7,13 @@ control: Chat UI
documentation: ug
---

# Typing indicator in Blazor Chat UI component
# Typing Indicator in Blazor Chat Component

## Show or hide typing indicator

You can use the [TypingUsers](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InteractiveChat.SfChatUI.html#Syncfusion_Blazor_InteractiveChat_SfChatUI_TypingUsers) property to display the current user’s who are typing to indicate the active participants typing response within the chat conversations. If the property is empty the typing indicators will be removed.
Use the [TypingUsers](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InteractiveChat.SfChatUI.html#Syncfusion_Blazor_InteractiveChat_SfChatUI_TypingUsers) property to display an indicator when other participants are typing. The indicator is automatically removed when the `TypingUsers` list is empty.

The typing users are the [UserModel](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InteractiveChat.UserModel.html) list, where you can update the user’s dynamically to display the current typing user.
The `TypingUsers` property accepts a list of [UserModel](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InteractiveChat.UserModel.html) objects. This list can be updated dynamically to show or hide the typing indicator for specific users.

```cshtml

Expand Down Expand Up @@ -42,4 +42,4 @@ The typing users are the [UserModel](https://help.syncfusion.com/cr/blazor/Syncf

## Typing indicator template

> Refer to the [Templates](./templates#typing-indicator-template) section for more details about the Typing indicator template.
The appearance of the typing indicator can be customized using a template. For more details, refer to the [Templates](./templates#typing-indicator-template) section.