Blazor AI AssistView Component

Overview

The Blazor AI AssistView is a versatile and modern UI component that seamlessly integrates generative AI services into the web applications. It enables users to send prompts, execute commands through a feature-rich toolbar, and display AI-generated responses.

Blazor AI AssistView component

Built-in toolbars

The AI AssistView offers predefined toolbar items, such as copy and edit for prompts and copy, like, and dislike for responses. These toolbars provide quick access to common actions, making interactions more efficient.

Blazor AI AssistView built-in toolbars

Prompt suggestions

The AI AssistView provides options for both initial and on-demand prompt suggestions, helping users start or refine their prompts. Additionally, custom header can be set for suggestions, further enhancing the user experience.

Blazor AI AssistView suggestions

Blazor AI AssistView toolbar

The Header toolbar enables the addition of custom items to the header area to execute commands such as reload, user settings, and more. It also supports the customization of toolbar items, including icon with text, alignment, and other options.

Custom views

Users can create custom views with or without the default assist view. This flexibility enables users to design personalized layouts with templated content to suit specific requirements.

Blazor AI AssistView custom views

Templates

Supports templates for customizing the appearance of the banner content, prompts, responses, and more. These templates allows users to create a unique and highly personalized AI AssistView that integrates effortlessly into the applications.

Customize the banner content using a banner template to display additional information, such as a welcome note, an introduction to integrated AI services, and more. This banner is positioned at the top of the prompt and response conversation area within the AI AssistView.

Blazor AI AssistView banner template

Blazor AI AssistView prompt response item template

Prompt response item template

Using templates for prompt and response items allows you to customize content, such as displaying the date and time of each entry, and adjusting avatar styling, and more. These templates provide more context for each prompt and response.

Use the footer template to customize the default footer area and manage prompt request actions with a personalized design. This flexibility allows users to create unique footers that meet their specific needs and enhances the overall experience.

Blazor AI AssistView footer template

Built-in themes

The Blazor AI AssistView supports these built-in themes: Tailwind CSS, Bootstrap 5, Bootstrap 4, Bootstrap, Material, Fabric, Fluent, and high contrast. Users can customize these built-in themes or create new themes to achieve their desired look and feel by overriding SASS variables or using our Theme Studio application.

Theme Studio application

Accessibility

Full support for WAI-ARIA accessibility practices for screen readers and assistive devices.
UI visual elements such as foreground color, background color, line spacing, text, and images are designed based on WCAG 2.0 standards.
Right-to-left (RTL) text direction can be set for users of RTL languages like Hebrew, Arabic, or Persian.

Developer-friendly APIs

The Blazor AI AssistView component offers APIs and templates for customizing its appearance and behavior. With these APIs, developers can create a unique and highly customized AI AssistView that fits seamlessly into their applications.

Rated by users across the globe

Blazor components

The speed how they adding new Blazor controls and update theirs functionality. I am using Blazor components. Searching for Blazor components I found that Syncfusion very fast adopted theirs controls for new development platform. Tech support is fast and excellent. The best of best is that they provide free controls for small business.