question

DebrajBanerjee-2955 avatar image
0 Votes"
DebrajBanerjee-2955 asked ChaoDeng-MSFT edited

Implement or use MS Fluent UI using Blazor not React?

If there's any option to implement or use MS Fluent UI (https://developer.microsoft.com/en-us/fluentui#/controls/web) with Blazor web client (wasm) not React?

Looking for options other than these two:
1) https://www.blazorfluentui.net
2) https://jsakamoto.github.io/awesome-blazor-browser

Appreciate any pointers.

dotnet-aspnet-core-blazor
· 3
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Hi @DebrajBanerjee-2955
You can use Web components or use BlazorFluentUI package to add Fluent UI Web to Blazor applications. You can refer to this article, which uses Web components to add.:https://www.baaijte.net/blog/fluent-blazor/


0 Votes 0 ·

Hi @ChaoDeng-MSFT ,
As mentioned in my question above I am looking for options other than those 2 and I think you referred the #1 which is great for small apps.
I tried that but found some issues using that on enterprise apps (memory errors on loading large dataset, limited choice of controls, etc.) and looking for some out of the box Microsoft solution like the Fluent UI Web controls are all made for React. Wondering if there's any roadmap for Blazor.
Thanks again for checking.

0 Votes 0 ·

Hi @DebrajBanerjee-2955 ,
Please refer to Microsoft.Fast.Components.FluentUI package which provides a lightweight set of Blazor component wrappers around Microsoft's official FluentUI Web Components. The FluentUI Web Components are built on FAST and work in every major browser.

To get up and running with Microsoft.Fast.Components.FluentUI see the docs below:

https://github.com/microsoft/fast-blazor


0 Votes 0 ·

1 Answer

KalyanChanumolu-MSFT avatar image
2 Votes"
KalyanChanumolu-MSFT answered

@DebrajBanerjee-2955 Thank you for reaching out.

The Microsoft.Fast.Components.FluentUI package provides a lightweight set of Blazor component wrappers around Microsoft's official FluentUI Web Components.

You can get all the details here https://github.com/microsoft/fast-blazor

Please try and let us know your feedback here


If an answer is helpful, please "Accept answer" or "Up-Vote" which might help other community members reading this thread.

5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.