Blazor AI AssistView Loading Indicator Example
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
- How do I set daily goals in my work day?
- Steps to publish a e-book with marketing strategy
Properties
This sample demonstrates the loading indicator styles that can be displayed while the AI AssistView is generating a response.
In this example, a custom loading indicator can be rendered while the AI response is being generated. The selected loading type is shown before the actual response is rendered using the ResponseAnimationTemplate property and removed once the response is added.
Key Features:
- Dot type: Three continuously blinking dots with a smooth scale and opacity animation.
- Spinner type: A single circular spinner rotating continuously until the response is fetched.
- Text type: Status messages that cycle through three stages: "🧠 Understanding request..." → "✍️ Drafting response..." → "🚀 Almost ready...".
- Text with indicator type: "Generating" text with three animated dots as a waiting indicator until the AI response is received.
Switch between the loading types in the property pane to preview each loading animation style while responses are being generated.