Unlocking the power of the Fluent UI Blazor components | .NET Conf 2023

Dive into the world of Fluent UI and discover how to leverage its seamless integration with Blazor for building web and mobile applications. In this presentation, we'll take you on a journey to explore the fundamentals and building blocks of the library and demonstrate how to quickly incorporate it into your Blazor projects. Learn the basics of setting up the environment, use the interactive components, and change the styling of your application with Fluent UI design tokens. Whether you're a seasoned Blazor developer or just getting started, join us to learn how to create visually appealing and user-friendly applications with the Fluent UI Blazor library.

#dotnet

[cmenesesg]

Where I find good documentation and advanced examples of Fluentui for #blazor, in particular.
- localization and globalization
- Design Token modification
- modification of Themes
- FluentDataGrid customization,
- more Advanced examples of FluentDataGrir, for example a CRUD, etc.

[JackNotJack]

Wow I am in love with FluentUI. Thank you for a great demo.👏

[waltermg]

Fluent UI should come as the default instead of Bootstrap; it works very well, and everything is very clear. Or at least promote it more, it took me a long time to find a good UI for Blazor, and this library is wonderful.

[Aweklin]

Really awesome!
Already, I love the fluent UI on Microsoft products and now that it's available, I'm switching to it immediately.
Great job guys.

[peymanebrahimi]

Thanks a lot. The exact thing that I was looking for.

[pureevil]

Fantastic work! I will be suggesting this for new projects.

[acodersjourney]

I'm constantly inspired by your channel. Thanks!

[StorkCo]

MS really put effort into many aspects of Net.Core :))). Thank you for great products.

[grimmersnee]

Nice, I will consider this for my next project

[AdoTopuz]

Are there any other examples of full apps that we could possibly download to play with and get a hang of all the components being used in different ways?

[kuldeepgill]

Awesome, I'm here due to lack of documentation but video fully satisfied me.

[SuperHddf]

I need a graph component, too. Please add! ❤

[shaileshpandey]

I'm having trouble with Fluent UI DataGrid in my Maui Blazor Hybrid app (Fluent UI latest version, Maui Blazor Hybrid).
After adding the script

<script app-name="{NAME OF YOUR APP}" to my index.html,
the app gets stuck on "Loading..." and won't load fully.
showing this line of index.html file of body tag
<div id="app">Loading...</div>

Any ideas or suggestions !

[DE-sfsr]

OT comment but love Ayca's high back chair. How do I get info on that? Need a new one.

[wilfriedkinda]

I've followed all the steps but my page's css doesn't work, I've also looked in the list of available components and there's no htmltext editor component for editing and format the text.

[ariesandhi]

How to change Fluent DataGrid Header Table BackGround Color? and How to style like Border-Striped? I tried using css Class="...." but not working

[YarnellCrew]

FluentFooter doesn't seem to be working correctly. It puts the footer text under the content and does not style it at all like your page shows.
I just found this video and was trying it so, I am using version 4.6 of the FluentUI package.
Any idea on what might be causing this?

[lydmips]

FluentUI Blazor Icons not showing up On the button. I have installed the nuget package 4.5.0 . No Errors in the Browser . Button is shown correctly with a space for Icon on the start . Any ideas

[m_stf]

whats up with checkbox not toggling the first time ?

[MrMorajo]

@dotnet Would be nice with a link to source code used in this video :)