Blazor ChatUI Example - File Attached Messages
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
This example demonstrates the ability for users to attach files during chat interactions, which helps provide additional context to the conversation.
The ChatUIAttachmentSettings tag is used to manage file attachments in the chat interface. By setting the Enable parameter to true, you can allow users to attach files. The SaveUrl and RemoveUrl parameters are configured to handle server-side logic for uploading and removing files.
You can attach various file types such as images, videos, and documents. To limit uploads to specific formats, use the AllowedFileTypes parameter on the ChatUIAttachmentSettings tag. Additionally, the EmptyChatTemplate property of the main Chat component is used to customize the banner displayed before a conversation begins.