This sample demonstrates the properties available in the Chat UI control, showcasing how various features can be customized through the property pane. It highlights the flexibility of the control, allowing users to adjust timestamps, headers, footers, time breaks, and more.
|
Timestamp format
|
|
|
Show timestamp
|
|
|
Show timebreak
|
|
|
Show header
|
|
|
Show footer
|
|
|
Typing users
|
|
In this sample, the following APIs and properties are demonstrated for customization: timeStampFormat: Allows users to change the timestamp format by selecting an option from the property pane. showTimeStamp: Controls whether the timestamp is displayed in the chat, toggled via the property pane. showTimeBreak: Enables or disables the display of time breaks in the chat interface. showHeader: Lets users toggle the visibility of the chat header. showFooter: Toggles the visibility of the chat footer. typingUsers: Allows users to manage the list of users who are typing, updated through the multi-select options in the property pane. These properties can be adjusted via the property pane for a highly flexible and customizable chat experience.