Add a Syncfusion Blazor Progress Button to a Blazor WebAssembly App

The Blazor Progress Button is used to show the progressing state of the button action. In this video, you will learn how to add the Blazor Progress Button component to your app and set its built-in features: support for icons, different spinner positions, and animation for the button content and the progress button spinner.
Explore tutorial video: www.syncfusion.com/tutorial-v...
Download the example from GitHub:
github.com/SyncfusionExamples...
TRIAL LICENSE KEY:
If you need a trial license key, you can start your Blazor trial from your Syncfusion account and then get your trial license key from the downloads page.
www.syncfusion.com/account/ma...
Check if you are eligible for a free license for all our Syncfusion products on our Community License page.
www.syncfusion.com/products/c...
BOOKMARK DETAILS
---------------------
[00:00] Introduction
[01:10] Create a Blazor project
[03:10] Add a Blazor Progress Button
[03:45] Change the button type to Primary
[04:20] Change the spinner position
[04:54] Set custom style for spinner
[06:08] Set icon for button
[06:53] Change button icon position
[07:11] Change button content during progress state
BLAZOR PROGRESS BUTTON
---------------------
Product overview: www.syncfusion.com/blazor-com...
Example: blazor.syncfusion.com/demos/b...
Documentation: blazor.syncfusion.com/documen...
Download free trial: www.syncfusion.com/blazor-com...
NuGet package: www.nuget.org/packages/Syncfu...
SUBSCRIBE
---------------
Syncfusion on RUclips: bit.ly/syncfusionyoutube
Bold BI on RUclips: bit.ly/3jFD5sg
Sign up to receive email updates: bit.ly/syncfusionemail
SOCIAL COMMUNITIES
----------------------------
Facebook: / syncfusion
Twitter: / syncfusion
LinkedIn: / syncfusion
#blazorcomponents #blazorprogressbutton #progressbutton #blazorbuttons

[@SyncfusionInc]

If you are working with 20.1 or later versions of the Syncfusion Blazor NuGet packages - blazor.syncfusion.com/documentation/release-notes/20.1.47?type=all#breaking-changes, we request you to ensure the following 3 steps in your project -
1. Manually add the script reference under the section of ~/index.html or ~/Pages/_Host.cshtml files. Read More: blazor.syncfusion.com/documentation/common/adding-script-references
2. Syncfusion.Blazor.Themes is removed from dependencies of Syncfusion.Blazor.Core. So, if you are looking to refer themes from static web assets, ensure to install Syncfusion.Blazor.Themes NuGet package explicitly into your project. Check out how to manually add the style reference, blazor.syncfusion.com/documentation/appearance/themes#static-web-assets
3. While registering Syncfusion Blazor Service in the ~/Program.cs file, you would have set IgnoreScriptIsolation property as true to load the scripts externally. From 2022 Vol-1 (20.1.*) versions, the default value of IgnoreScriptIsolation is changed to true and marked as obsolete, so it is not necessary to set this property explicitly in your projects. Read More: blazor.syncfusion.com/documentation/common/adding-script-references#disable-javascript-isolation

[@luismarcano4575]

No lo recomiendo es un asco

[@SyncfusionInc]

Hi Luis,
We're sorry to hear that the tools didn't work out for you. Is there anything in particular that functioned incorrectly that we can help you out with?