.NET MAUI Chat Visual Structure

The visual structure of the .NET MAUI Chat represents the anatomy of the UI component. Being familiar with the visual elements of the Chat allows you to quickly find the information required to configure them.

The following image shows the anatomy of the Chat.

Displayed Elements

• Author—Represents the current user who sends messages using the Chat UI. This instance determines the alignment of the messages—incoming messages are placed on the left, outgoing messages—on the right.
• Items—Contains all the chat items included in the conversation, such text messages, picker items, and so on. For more details on the available Chat items, see the Chat Items topic.
• Message—Defines the current message typed into the input field.
• Send Button—Defines the button used to send messages.
• Picker—Defines the Chat Picker that is shown either as overlay over the messages’ view or inline as part of the conversation and could display different pickers to provide the end user with a selection of choices. See the Chat Picker topic for more details.
• Typing Indicator—Defines the indicator which is shown when one of the chat authors is typing.

See Also

• Commands
• Chat Items
• MVVM Support