diff --git a/blazor/ai-assistview/accessibility.md b/blazor/ai-assistview/accessibility.md index f42978c436..f82f6e3068 100644 --- a/blazor/ai-assistview/accessibility.md +++ b/blazor/ai-assistview/accessibility.md @@ -1,6 +1,6 @@ --- layout: post -title: Accessibility in Blazor AI AssistView Component | Syncfusion +title: Accessibility in Blazor AI AssistView Component | Syncfusion® description: Checkout and learn about Accessibility and Keyboard interaction with Blazor AI AssistView component and more details. platform: Blazor control: AI AssistView @@ -72,4 +72,4 @@ The Blazor AI AssistView component's accessibility levels are ensured through an ## See also -* [Accessibility in Syncfusion® Blazor components](https://blazor.syncfusion.com/documentation/common/accessibility) +* [Accessibility in Blazor components](https://blazor.syncfusion.com/documentation/common/accessibility) diff --git a/blazor/ai-assistview/ai-integrations/gemini-integration.md b/blazor/ai-assistview/ai-integrations/gemini-integration.md index e1ea22e921..ea51b26be6 100644 --- a/blazor/ai-assistview/ai-integrations/gemini-integration.md +++ b/blazor/ai-assistview/ai-integrations/gemini-integration.md @@ -1,6 +1,6 @@ --- layout: post -title: Gemini Integration with Blazor AI AssistView Component | Syncfusion +title: Gemini Integration with Blazor AI AssistView Component | Syncfusion® description: Checkout and learn about gemini integration with Blazor AI AssistView component in Blazor WebAssembly Application. platform: Blazor control: AI AssistView diff --git a/blazor/ai-assistview/ai-integrations/lite-llm-integration.md b/blazor/ai-assistview/ai-integrations/lite-llm-integration.md index 37f58b61db..cc18a302b2 100644 --- a/blazor/ai-assistview/ai-integrations/lite-llm-integration.md +++ b/blazor/ai-assistview/ai-integrations/lite-llm-integration.md @@ -1,6 +1,6 @@ --- layout: post -title: LiteLLM Integration with Blazor AI AssistView Component | Syncfusion +title: LiteLLM Integration with Blazor AI AssistView Component | Syncfusion® description: Checkout and learn about LiteLLM integration with Blazor AI AssistView component in Blazor WebAssembly Application. platform: Blazor control: AI AssistView diff --git a/blazor/ai-assistview/ai-integrations/ollama-llm-integration.md b/blazor/ai-assistview/ai-integrations/ollama-llm-integration.md index 51ccaee891..aca49806d6 100644 --- a/blazor/ai-assistview/ai-integrations/ollama-llm-integration.md +++ b/blazor/ai-assistview/ai-integrations/ollama-llm-integration.md @@ -1,6 +1,6 @@ --- layout: post -title: LLM Model with Blazor AI AssistView Component | Syncfusion +title: LLM Model with Blazor AI AssistView Component | Syncfusion® description: Checkout and learn about Integration of LLM Model with Blazor AI AssistView component in Blazor WebAssembly Application. platform: Blazor control: AI AssistView @@ -80,9 +80,9 @@ ollama serve ## Configure AI AssistView with Ollama -To integrate Ollama with the Syncfusion Blazor AI AssistView component in your Blazor application: +To integrate Ollama with the Blazor AI AssistView component in your Blazor application: -* Configure the AI services in the `Program.cs` file to register the Ollama client and Syncfusion Blazor services. +* Configure the AI services in the `Program.cs` file to register the Ollama client and Blazor services. {% tabs %} {% highlight cs tabtitle="Program.cs" %} diff --git a/blazor/ai-assistview/ai-integrations/openai-integration.md b/blazor/ai-assistview/ai-integrations/openai-integration.md index 967a57df86..68184c87a9 100644 --- a/blazor/ai-assistview/ai-integrations/openai-integration.md +++ b/blazor/ai-assistview/ai-integrations/openai-integration.md @@ -1,6 +1,6 @@ --- layout: post -title: Azure OpenAI with Blazor AI AssistView Component | Syncfusion +title: Azure OpenAI with Blazor AI AssistView Component | Syncfusion® description: Checkout and learn about Azure OpenAI with Blazor AI AssistView component in Blazor WebAssembly Application. platform: Blazor control: AI AssistView diff --git a/blazor/ai-assistview/appearance.md b/blazor/ai-assistview/appearance.md index e4cad49861..3bd3e7a52c 100644 --- a/blazor/ai-assistview/appearance.md +++ b/blazor/ai-assistview/appearance.md @@ -1,7 +1,7 @@ --- layout: post -title: Style and Appearance in Blazor AI AssistView Component | Syncfusion -description: Checkout and learn here all about Style and Appearance with Syncfusion Blazor AI AssistView component in Blazor Server App and Blazor WebAssembly App. +title: Style and Appearance in Blazor AI AssistView Component | Syncfusion® +description: Checkout and learn here all about Style and Appearance with Blazor AI AssistView component in Blazor Server App and Blazor WebAssembly App. platform: Blazor control: AI AssistView documentation: ug diff --git a/blazor/ai-assistview/assist-view.md b/blazor/ai-assistview/assist-view.md index 3389642a78..8aeb6a799b 100644 --- a/blazor/ai-assistview/assist-view.md +++ b/blazor/ai-assistview/assist-view.md @@ -1,7 +1,7 @@ --- layout: post -title: Assist view in Blazor AI AssistView Component | Syncfusion -description: Checkout and learn here all about Assist view with Syncfusion Blazor AI AssistView component in Blazor Server App and Blazor WebAssembly App. +title: Assist view in Blazor AI AssistView Component | Syncfusion® +description: Checkout and learn here all about Assist view with Blazor AI AssistView component in Blazor Server App and Blazor WebAssembly App. platform: Blazor control: AI AssistView documentation: ug diff --git a/blazor/ai-assistview/custom-view.md b/blazor/ai-assistview/custom-view.md index 492596c440..8478b8df5a 100644 --- a/blazor/ai-assistview/custom-view.md +++ b/blazor/ai-assistview/custom-view.md @@ -1,7 +1,7 @@ --- layout: post -title: Custom views in Blazor AI AssistView Component | Syncfusion -description: Checkout and learn here all about Custom views with Syncfusion Blazor AI AssistView component in Blazor Server App and Blazor WebAssembly App. +title: Custom views in Blazor AI AssistView Component | Syncfusion® +description: Checkout and learn here all about Custom views with Blazor AI AssistView component in Blazor Server App and Blazor WebAssembly App. platform: Blazor control: AI AssistView documentation: ug diff --git a/blazor/ai-assistview/events.md b/blazor/ai-assistview/events.md index a3140663d2..146f177445 100644 --- a/blazor/ai-assistview/events.md +++ b/blazor/ai-assistview/events.md @@ -1,7 +1,7 @@ --- layout: post -title: Events in Blazor AI AssistView Component | Syncfusion -description: Checkout and learn here all about Events with Syncfusion Blazor AI AssistView component in Blazor Server App and Blazor WebAssembly App. +title: Events in Blazor AI AssistView Component | Syncfusion® +description: Checkout and learn here all about Events with Blazor AI AssistView component in Blazor Server App and Blazor WebAssembly App. platform: Blazor control: AI AssistView documentation: ug diff --git a/blazor/ai-assistview/file-attachments.md b/blazor/ai-assistview/file-attachments.md index 837bc39de0..ee75997cbf 100644 --- a/blazor/ai-assistview/file-attachments.md +++ b/blazor/ai-assistview/file-attachments.md @@ -1,7 +1,7 @@ --- layout: post -title: Attachments in Blazor AI AssistView Component | Syncfusion -description: Checkout and learn here all about Attachments with Syncfusion Blazor AI AssistView component in Blazor Server App and Blazor WebAssembly App. +title: Attachments in Blazor AI AssistView Component | Syncfusion® +description: Checkout and learn here all about Attachments with Blazor AI AssistView component in Blazor Server App and Blazor WebAssembly App. platform: Blazor control: AI AssistView documentation: ug diff --git a/blazor/ai-assistview/getting-started-webapp.md b/blazor/ai-assistview/getting-started-webapp.md index b0740e8d17..e83c8ed242 100644 --- a/blazor/ai-assistview/getting-started-webapp.md +++ b/blazor/ai-assistview/getting-started-webapp.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting started with Syncfusion AI AssistView in Blazor Web App -description: Check out the documentation for getting started with Syncfusion Blazor AI AssistView Components in Blazor Web App. +title: Getting started with AI AssistView in Blazor Web App | Syncfusion® +description: Check out the documentation for getting started with Blazor AI AssistView Components in Blazor Web App. platform: Blazor control: AI AssistView documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Getting Started with Blazor AI AssistView in Blazor Web App -This section briefly explains about how to include [Syncfusion® Blazor AI AssistView](https://www.syncfusion.com/blazor-components/blazor-ai-assistview) component in a Blazor Web App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). +This section briefly explains about how to include [Blazor AI AssistView](https://www.syncfusion.com/blazor-components/blazor-ai-assistview) component in a Blazor Web App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). {% tabcontents %} @@ -21,7 +21,7 @@ This section briefly explains about how to include [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) documentation. +Create a **Blazor Web App** using Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) documentation. {% endtabcontent %} @@ -33,7 +33,7 @@ Create a **Blazor Web App** using Visual Studio via [Microsoft Templates](https: ## Create a new Blazor Web App in Visual Studio Code -Create a **Blazor Web App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app?tabcontent=visual-studio-code) documentation. +Create a **Blazor Web App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app?tabcontent=visual-studio-code) documentation. For example, in a Blazor Web App with the `Auto` interactive render mode, use the following commands in the integrated terminal (Ctrl+`): @@ -85,7 +85,7 @@ cd BlazorWebApp.Client N> Configure the appropriate [Interactive render mode](https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-10.0#render-modes) and [Interactivity location](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) while creating a Blazor Web App. For detailed information, refer to the [interactive render mode documentation](https://blazor.syncfusion.com/documentation/common/interactive-render-mode). -## Install Syncfusion® Blazor packages +## Install required Blazor packages Install [Syncfusion.Blazor.InteractiveChat](https://www.nuget.org/packages/Syncfusion.Blazor.InteractiveChat) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet packages in your project using the NuGet Package Manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), or the integrated terminal in Visual Studio Code (`dotnet add package`), or the .NET CLI. @@ -117,9 +117,9 @@ After the packages are installed, open the **~/_Imports.razor** file in the clie {% endhighlight %} {% endtabs %} -## Register Syncfusion® Blazor service +## Register Blazor service -Register the Syncfusion Blazor service in the **Program.cs** file of your Blazor Web App. +Register the Blazor service in the **Program.cs** file of your Blazor Web App. {% tabs %} {% highlight c# tabtitle="Program.cs" %} @@ -133,7 +133,7 @@ builder.Services.AddSyncfusionBlazor(); {% endhighlight %} {% endtabs %} -N> If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, register the Syncfusion® Blazor service in **Program.cs** files of both the server and client projects in your Blazor Web App. +N> If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, register the Blazor service in **Program.cs** files of both the server and client projects in your Blazor Web App. ## Add stylesheet and script resources @@ -149,9 +149,9 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in your Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in your Blazor application. -## Add Syncfusion® Blazor AI AssistView component +## Add Blazor AI AssistView component -Add the Syncfusion® Blazor AI AssistView component in the **~/Components/Pages/*.razor** file. If the interactivity location is set to `Per page/component` in the Web App, define a render mode at the top of the `~/Pages/*.razor` file. (For example, `InteractiveServer`, `InteractiveWebAssembly`, or `InteractiveAuto`). Use the [PromptSuggestions](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InteractiveChat.SfAIAssistView.html#Syncfusion_Blazor_InteractiveChat_SfAIAssistView_PromptSuggestions) property to add prompt suggestions and the [PromptRequested](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InteractiveChat.SfAIAssistView.html#Syncfusion_Blazor_InteractiveChat_SfAIAssistView_PromptRequested) event to generate responses based on the entered prompts. +Add the Blazor AI AssistView component in the **~/Components/Pages/*.razor** file. If the interactivity location is set to `Per page/component` in the Web App, define a render mode at the top of the `~/Pages/*.razor` file. (For example, `InteractiveServer`, `InteractiveWebAssembly`, or `InteractiveAuto`). Use the [PromptSuggestions](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InteractiveChat.SfAIAssistView.html#Syncfusion_Blazor_InteractiveChat_SfAIAssistView_PromptSuggestions) property to add prompt suggestions and the [PromptRequested](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InteractiveChat.SfAIAssistView.html#Syncfusion_Blazor_InteractiveChat_SfAIAssistView_PromptRequested) event to generate responses based on the entered prompts. N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssembly`, the render mode is automatically configured in the `App.razor` file by default. diff --git a/blazor/ai-assistview/getting-started-with-server-app.md b/blazor/ai-assistview/getting-started-with-server-app.md index 1cd76004d2..6da2470258 100644 --- a/blazor/ai-assistview/getting-started-with-server-app.md +++ b/blazor/ai-assistview/getting-started-with-server-app.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started with Syncfusion AI AssistView in Blazor Server App -description: Check out the documentation for getting started with Syncfusion Blazor AI AssistView Components in Blazor Server App. +title: Getting Started with AI AssistView in Blazor Server App | Syncfusion® +description: Check out the documentation for getting started with Blazor AI AssistView Components in Blazor Server App. platform: Blazor control: AI AssistView documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Getting Started with AI AssistView Component in Blazor Server App -This section briefly explains about how to include [Syncfusion® Blazor AI AssistView](https://www.syncfusion.com/blazor-components/blazor-ai-assistview) component in a Blazor Server App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). +This section briefly explains about how to include [Blazor AI AssistView](https://www.syncfusion.com/blazor-components/blazor-ai-assistview) component in a Blazor Server App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). {% tabcontents %} @@ -21,7 +21,7 @@ This section briefly explains about how to include [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio) documentation. +Create a **Blazor Server App** by using the **Blazor Web App** template in Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio) documentation. {% endtabcontent %} @@ -31,7 +31,7 @@ Create a **Blazor Server App** by using the **Blazor Web App** template in Visua * [System requirements for Blazor components](https://blazor.syncfusion.com/documentation/system-requirements) -Create a **Blazor Server App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio?tabcontent=visual-studio-code) documentation. +Create a **Blazor Server App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio?tabcontent=visual-studio-code) documentation. Alternatively, create a Server application by using the following command in the integrated terminal (Ctrl+`). @@ -81,7 +81,7 @@ cd BlazorApp N> Configure the appropriate [Interactive render mode](https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-10.0#render-modes) and [Interactivity location](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) while creating a Blazor Server App. For detailed information, refer to the [interactive render mode documentation](https://blazor.syncfusion.com/documentation/common/interactive-render-mode). -## Install Syncfusion® Blazor packages +## Install required Blazor packages Install [Syncfusion.Blazor.InteractiveChat](https://www.nuget.org/packages/Syncfusion.Blazor.InteractiveChat/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet packages in your project using the NuGet Package Manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), or the integrated terminal in Visual Studio Code (`dotnet add package`), or the .NET CLI. @@ -111,9 +111,9 @@ After the packages are installed, open the **~/_Imports.razor** file and import {% endhighlight %} {% endtabs %} -## Register Syncfusion® Blazor service +## Register Blazor service -Register the Syncfusion® Blazor service in the **Program.cs** file of your Blazor WebAssembly App. +Register the Blazor service in the **Program.cs** file of your Blazor WebAssembly App. {% tabs %} {% highlight C# tabtitle="Program.cs" %} @@ -141,9 +141,9 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in the Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in the Blazor application. -## Add Syncfusion® Blazor AI AssistView component +## Add Blazor AI AssistView component -Add the Syncfusion® Blazor AI AssistView component in the **~/Components/Pages/Home.razor** file. If the interactivity location is set to `Per page/component`, define a render mode at the top of the `~Pages/Home.razor` file.Use the [PromptSuggestions](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InteractiveChat.SfAIAssistView.html#Syncfusion_Blazor_InteractiveChat_SfAIAssistView_PromptSuggestions) property to add prompt suggestions and the [PromptRequested](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InteractiveChat.SfAIAssistView.html#Syncfusion_Blazor_InteractiveChat_SfAIAssistView_PromptRequested) event to generate responses based on the entered prompts. +Add the Blazor AI AssistView component in the **~/Components/Pages/Home.razor** file. If the interactivity location is set to `Per page/component`, define a render mode at the top of the `~Pages/Home.razor` file.Use the [PromptSuggestions](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InteractiveChat.SfAIAssistView.html#Syncfusion_Blazor_InteractiveChat_SfAIAssistView_PromptSuggestions) property to add prompt suggestions and the [PromptRequested](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InteractiveChat.SfAIAssistView.html#Syncfusion_Blazor_InteractiveChat_SfAIAssistView_PromptRequested) event to generate responses based on the entered prompts. N> If the Interactivity Location is set to `Global`, the render mode is automatically configured in the `App.razor` file by default. diff --git a/blazor/ai-assistview/getting-started.md b/blazor/ai-assistview/getting-started.md index 4dfde970a1..4068eb4593 100644 --- a/blazor/ai-assistview/getting-started.md +++ b/blazor/ai-assistview/getting-started.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Blazor AI AssistView Component | Syncfusion +title: Getting Started with Blazor AI AssistView Component | Syncfusion® description: Checkout and learn about getting started with Blazor AI AssistView component in Blazor WebAssembly App. platform: Blazor control: AI AssistView diff --git a/blazor/ai-assistview/how-to/integration-with-ai.md b/blazor/ai-assistview/how-to/integration-with-ai.md index 7f99dc739b..c01962ef52 100644 --- a/blazor/ai-assistview/how-to/integration-with-ai.md +++ b/blazor/ai-assistview/how-to/integration-with-ai.md @@ -1,6 +1,6 @@ --- layout: post -title: Integration | Blazor AI AssistView component | Syncfusion +title: Integration | Blazor AI AssistView component | Syncfusion® description: Checkout and learn about Integration with Microsoft.Extensions.AI and Keyboard interaction with Blazor AI AssistView component and more details. platform: Blazor control: AI AssistView @@ -9,7 +9,7 @@ documentation: ug # Integration of Microsoft.Extensions.AI with AI AssistView component -The Syncfusion® AI AssistView component supports integration with the `Microsoft.Extensions.AI` framework, enabling seamless communication with various large language models (LLMs) such as `Azure OpenAI`, `OpenAI`, and more. +The AI AssistView component supports integration with the `Microsoft.Extensions.AI` framework, enabling seamless communication with various large language models (LLMs) such as `Azure OpenAI`, `OpenAI`, and more. `Microsoft.Extensions.AI` simplifies integration with different providers and typically requires only minimal configuration changes based on the selected model. The following example demonstrates integration using `Azure OpenAI`. @@ -48,7 +48,7 @@ dotnet add package Markdig ### Configure services in Program.cs -Register the `Azure OpenAI` client and the Syncfusion® AI AssistView component within the Blazor application. +Register the `Azure OpenAI` client and the AI AssistView component within the Blazor application. {% tabs %} {% highlight c# tabtitle="~/_Program.cs" hl_lines="2 9" %} @@ -78,7 +78,7 @@ builder.Services.AddChatClient( .AsIChatClient() ); -// Register Syncfusion Blazor components +// Register Blazor components builder.Services.AddSyncfusionBlazor(); var app = builder.Build(); @@ -88,7 +88,7 @@ var app = builder.Build(); ### AI AssistView with IChatClient -The Syncfusion® AI AssistView component is designed to integrate seamlessly with external AI services. When an `IChatClient` is registered via Microsoft.Extensions.AI, the component automatically uses it to process user prompts without additional component configuration. +The AI AssistView component is designed to integrate seamlessly with external AI services. When an `IChatClient` is registered via Microsoft.Extensions.AI, the component automatically uses it to process user prompts without additional component configuration. In the following example, user input is sent to the injected `IChatClient`. The AI model’s response is returned in Markdown, converted to HTML using the `Markdig` library, and rendered in the AI AssistView component. diff --git a/blazor/ai-assistview/methods.md b/blazor/ai-assistview/methods.md index de81574535..8d4a08e993 100644 --- a/blazor/ai-assistview/methods.md +++ b/blazor/ai-assistview/methods.md @@ -1,7 +1,7 @@ --- layout: post -title: Methods in Blazor AI AssistView Component | Syncfusion -description: Checkout and learn here all about Methods with Syncfusion Blazor AI AssistView component in Blazor Server App and Blazor WebAssembly App. +title: Methods in Blazor AI AssistView Component | Syncfusion® +description: Checkout and learn here all about Methods with Blazor AI AssistView component in Blazor Server App and Blazor WebAssembly App. platform: Blazor control: AI AssistView documentation: ug diff --git a/blazor/ai-assistview/templates.md b/blazor/ai-assistview/templates.md index ae8d1fca2c..0a1dafe767 100644 --- a/blazor/ai-assistview/templates.md +++ b/blazor/ai-assistview/templates.md @@ -1,7 +1,7 @@ --- layout: post -title: Templates in Blazor AI AssistView Component | Syncfusion -description: Checkout and learn here all about Templates with Syncfusion Blazor AI AssistView component in Blazor Server App and Blazor WebAssembly App. +title: Templates in Blazor AI AssistView Component | Syncfusion® +description: Checkout and learn here all about Templates with Blazor AI AssistView component in Blazor Server App and Blazor WebAssembly App. platform: Blazor control: AI AssistView documentation: ug diff --git a/blazor/ai-assistview/toolbar-items.md b/blazor/ai-assistview/toolbar-items.md index 7519a625be..f9c6dec38a 100644 --- a/blazor/ai-assistview/toolbar-items.md +++ b/blazor/ai-assistview/toolbar-items.md @@ -1,7 +1,7 @@ --- layout: post -title: Toolbar items in Blazor AI AssistView Component | Syncfusion -description: Checkout and learn here all about Toolbar items with Syncfusion Blazor AI AssistView component in Blazor Server App and Blazor WebAssembly App. +title: Toolbar items in Blazor AI AssistView Component | Syncfusion® +description: Checkout and learn here all about Toolbar items with Blazor AI AssistView component in Blazor Server App and Blazor WebAssembly App. platform: Blazor control: AI AssistView documentation: ug @@ -228,7 +228,7 @@ In the following example, toolbar item type is set as `Button`. ``` -![Blazor AI AssistView toolbar item Type](./images/header-toolbar-item-type.) +![Blazor AI AssistView toolbar item Type](./images/header-toolbar-item-type.webp) #### Setting text diff --git a/blazor/appbar/accessibility.md b/blazor/appbar/accessibility.md index 9549a34771..9f075596d3 100644 --- a/blazor/appbar/accessibility.md +++ b/blazor/appbar/accessibility.md @@ -1,7 +1,7 @@ --- layout: post -title: Accessibility in Blazor AppBar Component | Syncfusion -description: Checkout and learn here all about Accessibility in Syncfusion Blazor AppBar component and much more. +title: Accessibility in Blazor AppBar Component | Syncfusion® +description: Check out and learn in detail about accessibility features in the Blazor AppBar component and much more. platform: Blazor control: AppBar documentation: ug diff --git a/blazor/appbar/design.md b/blazor/appbar/design.md index 18a3f1f828..d7101c4605 100644 --- a/blazor/appbar/design.md +++ b/blazor/appbar/design.md @@ -1,6 +1,6 @@ --- layout: post -title: Design User Interface with Blazor AppBar Component | Syncfusion +title: Design User Interface with Blazor AppBar Component | Syncfusion® description: Check out and learn about Design User Interface with the Blazor AppBar component in the Blazor Server App and the Blazor WebAssembly App. platform: Blazor control: AppBar diff --git a/blazor/appbar/getting-started-with-server-app.md b/blazor/appbar/getting-started-with-server-app.md index 4cbcdd1426..f2d8247f86 100644 --- a/blazor/appbar/getting-started-with-server-app.md +++ b/blazor/appbar/getting-started-with-server-app.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Syncfusion AppBar Component in Blazor Server App +title: Getting Started with AppBar Component in Blazor Server App | Syncfusion® description: Checkout and learn about the documentation for getting started with Blazor AppBar Component in Blazor Server App. platform: Blazor component: AppBar @@ -9,7 +9,7 @@ documentation: ug # Getting Started with Blazor AppBar Component in Blazor Server App -This section briefly explains about how to include [Syncfusion® Blazor AppBar](https://www.syncfusion.com/blazor-components/blazor-appbar) component in a Blazor Server App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). +This section briefly explains about how to include [Blazor AppBar](https://www.syncfusion.com/blazor-components/blazor-appbar) component in a Blazor Server App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). {% tabcontents %} @@ -21,7 +21,7 @@ This section briefly explains about how to include [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio) documentation. +Create a **Blazor Server App** by using the **Blazor Web App** template in Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio) documentation. {% endtabcontent %} @@ -33,7 +33,7 @@ Create a **Blazor Server App** by using the **Blazor Web App** template in Visua ## Create a new Blazor App in Visual Studio Code -Create a **Blazor Server App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio?tabcontent=visual-studio-code) documentation. +Create a **Blazor Server App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio?tabcontent=visual-studio-code) documentation. Alternatively, create a Server application by using the following command in the integrated terminal (Ctrl+`). @@ -83,7 +83,7 @@ cd BlazorApp N> Configure the appropriate [Interactive render mode](https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-10.0#render-modes) and [Interactivity location](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) while creating a Blazor Server App. For detailed information, refer to the [interactive render mode documentation](https://blazor.syncfusion.com/documentation/common/interactive-render-mode). -### Install Syncfusion® Blazor packages +### Install required Blazor packages Install [Syncfusion.Blazor.Navigations](https://www.nuget.org/packages/Syncfusion.Blazor.Navigations/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet packages in your project using the NuGet Package Manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), or the integrated terminal in Visual Studio Code (`dotnet add package`), or the .NET CLI. @@ -113,9 +113,9 @@ After the packages are installed, open the **~/_Imports.razor** file and import {% endhighlight %} {% endtabs %} -## Register Syncfusion® Blazor service +## Register Blazor service -Register the Syncfusion® Blazor service in the **Program.cs** file of your Blazor Server App. +Register the Blazor service in the **Program.cs** file of your Blazor Server App. {% tabs %} {% highlight C# tabtitle="Program.cs" %} @@ -143,9 +143,9 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in the Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in the Blazor application. -## Add Syncfusion® Blazor AppBar component +## Add Blazor AppBar component -Add the Syncfusion® Blazor AppBar component in the **~/Components/Pages/Home.razor** file. If the interactivity location is set to `Per page/component`, define a render mode at the top of the `~Pages/Home.razor` file. +Add the Blazor AppBar component in the **~/Components/Pages/Home.razor** file. If the interactivity location is set to `Per page/component`, define a render mode at the top of the `~Pages/Home.razor` file. N> If the Interactivity Location is set to `Global`, the render mode is automatically configured in the `App.razor` file by default. @@ -182,7 +182,7 @@ N> If the Interactivity Location is set to `Global`, the render mode is automati {% endhighlight %} {% endtabs %} -* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor AppBar component in the default web browser. +* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Blazor AppBar component in the default web browser. {% previewsample "https://blazorplayground.syncfusion.com/embed/rNBfNCLSLdCUQyHq?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar Component](images/getting_started.png)" %} @@ -190,5 +190,5 @@ N> [View Sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting- ## See also -1. [Getting Started with Syncfusion® Blazor for client-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-dotnet-cli) -2. [Getting Started with Syncfusion® Blazor for client-side in Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-visual-studio) \ No newline at end of file +1. [Getting Started with Blazor for client-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-dotnet-cli) +2. [Getting Started with Blazor for client-side in Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-visual-studio) \ No newline at end of file diff --git a/blazor/appbar/getting-started-with-web-app.md b/blazor/appbar/getting-started-with-web-app.md index f9779e29c6..10ef332b1d 100644 --- a/blazor/appbar/getting-started-with-web-app.md +++ b/blazor/appbar/getting-started-with-web-app.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Syncfusion AppBar Component in Blazor Web App +title: Getting Started with AppBar Component in Blazor Web App | Syncfusion® description: Checkout and learn about the documentation for getting started with Blazor AppBar Component in Blazor Web App. platform: Blazor component: AppBar @@ -9,7 +9,7 @@ documentation: ug # Getting Started with Blazor AppBar Component in Blazor Web App -This section briefly explains about how to include [Syncfusion® Blazor AppBar](https://www.syncfusion.com/blazor-components/blazor-appbar) component in your Blazor Web App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). +This section briefly explains about how to include [Blazor AppBar](https://www.syncfusion.com/blazor-components/blazor-appbar) component in your Blazor Web App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). {% tabcontents %} @@ -21,7 +21,7 @@ This section briefly explains about how to include [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) documentation. +Create a **Blazor Web App** using Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) documentation. {% endtabcontent %} @@ -33,7 +33,7 @@ Create a **Blazor Web App** using Visual Studio via [Microsoft Templates](https: ## Create a new Blazor Web App in Visual Studio Code -Create a **Blazor Web App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app?tabcontent=visual-studio-code) documentation. +Create a **Blazor Web App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app?tabcontent=visual-studio-code) documentation. For example, in a Blazor Web App with the `Auto` interactive render mode, use the following commands in the integrated terminal (Ctrl+`). @@ -87,7 +87,7 @@ This command creates a new Blazor Web App and places it in a new directory calle N> Configure the appropriate [Interactive render mode](https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-10.0#render-modes) and [Interactivity location](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) while creating a Blazor Web App. For detailed information, refer to the [interactive render mode documentation](https://blazor.syncfusion.com/documentation/common/interactive-render-mode). -### Install Syncfusion® Blazor packages +### Install required Blazor packages Install [Syncfusion.Blazor.Navigations](https://www.nuget.org/packages/Syncfusion.Blazor.Navigations/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet packages in your project using the NuGet Package Manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), or the integrated terminal in Visual Studio Code (`dotnet add package`), or the .NET CLI. @@ -119,9 +119,9 @@ After the packages are installed, open the **~/_Imports.razor** file in the clie {% endhighlight %} {% endtabs %} -## Register Syncfusion® Blazor service +## Register Blazor service -Register the Syncfusion® Blazor service in the **Program.cs** file of your Blazor Web App. +Register the Blazor service in the **Program.cs** file of your Blazor Web App. {% tabs %} {% highlight c# tabtitle="Program.cs" %} @@ -135,7 +135,7 @@ builder.Services.AddSyncfusionBlazor(); {% endhighlight %} {% endtabs %} -N> If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, register the Syncfusion® Blazor service in **Program.cs** files of both the server and client projects in your Blazor Web App. +N> If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, register the Blazor service in **Program.cs** files of both the server and client projects in your Blazor Web App. ## Add stylesheet and script resources @@ -151,9 +151,9 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in the Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in the Blazor application. -## Add Syncfusion® Blazor AppBar component +## Add Blazor AppBar component -Add the Syncfusion® Blazor AppBar component in the **~/Components/Pages/*.razor** file. If the interactivity location is set to `Per page/component` in the Web App, define a render mode at the top of the `~Pages/*.razor` file. (For example, `InteractiveServer`, `InteractiveWebAssembly` or `InteractiveAuto`). +Add the Blazor AppBar component in the **~/Components/Pages/*.razor** file. If the interactivity location is set to `Per page/component` in the Web App, define a render mode at the top of the `~Pages/*.razor` file. (For example, `InteractiveServer`, `InteractiveWebAssembly` or `InteractiveAuto`). N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssembly`, the render mode is automatically configured in the `App.razor` file by default. @@ -190,7 +190,7 @@ N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssem {% endhighlight %} {% endtabs %} -* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor AppBar component in the default web browser. +* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Blazor AppBar component in the default web browser. {% previewsample "https://blazorplayground.syncfusion.com/embed/rNBfNCLSLdCUQyHq?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar Component](images/getting_started.png)" %} @@ -198,7 +198,7 @@ N> [View Sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting- ## See also -1. [Getting Started with Syncfusion® Blazor for client-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-dotnet-cli) -2. [Getting Started with Syncfusion® Blazor for client-side in Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-visual-studio) -3. [Getting Started with Syncfusion® Blazor for server-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-dotnet-cli) +1. [Getting Started with Blazor for client-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-dotnet-cli) +2. [Getting Started with Blazor for client-side in Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-visual-studio) +3. [Getting Started with Blazor for server-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-dotnet-cli) diff --git a/blazor/appbar/getting-started.md b/blazor/appbar/getting-started.md index 937dd2eb30..49158abb04 100644 --- a/blazor/appbar/getting-started.md +++ b/blazor/appbar/getting-started.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Blazor AppBar Component | Syncfusion +title: Getting Started with Blazor AppBar Component | Syncfusion® description: Checkout and learn about getting started with Blazor AppBar component in Blazor WebAssembly Application. platform: Blazor control: AppBar diff --git a/blazor/appbar/position.md b/blazor/appbar/position.md index 9c41588da4..a3717d804f 100644 --- a/blazor/appbar/position.md +++ b/blazor/appbar/position.md @@ -1,6 +1,6 @@ --- layout: post -title: Positioning in Blazor AppBar Component | Syncfusion +title: Positioning in Blazor AppBar Component | Syncfusion® description: Check out and learn about Positioning in the Blazor AppBar component in the Blazor Server App and the Blazor WebAssembly App. platform: Blazor control: AppBar diff --git a/blazor/appbar/size-and-color.md b/blazor/appbar/size-and-color.md index e8e460ba0b..d0980fa779 100644 --- a/blazor/appbar/size-and-color.md +++ b/blazor/appbar/size-and-color.md @@ -1,6 +1,6 @@ --- layout: post -title: Size and Color with Blazor AppBar Component | Syncfusion +title: Size and Color with Blazor AppBar Component | Syncfusion® description: Check out and learn about Size and Color with the Blazor AppBar component in the Blazor Server App and the Blazor WebAssembly App. platform: Blazor control: AppBar @@ -229,7 +229,7 @@ This color mode can be set to the AppBar by setting `AppBarColor.Inherit` to the
- + diff --git a/blazor/appbar/style-and-appearance.md b/blazor/appbar/style-and-appearance.md index b8c95eba84..7ebb20cd51 100644 --- a/blazor/appbar/style-and-appearance.md +++ b/blazor/appbar/style-and-appearance.md @@ -1,7 +1,7 @@ --- layout: post -title: Styles and Appearances in Blazor AppBar Component | Syncfusion -description: Check out and learn about Styles and Appearances in Syncfusion Blazor AppBar component and more here. +title: Styles and Appearances in Blazor AppBar Component | Syncfusion® +description: Check out and learn in detail about Styles and Appearances in Blazor AppBar component and more here. platform: Blazor control: AppBar documentation: ug