fluentui-blazor - Fluent UI Blazor Components Guide
Guide for using Microsoft Fluent UI Blazor component library
Tags
Updated: 2026-03-26Capabilities
Typical Inputs
Typical Outputs
What this skill does
- configure Fluent UI library
- register Fluent UI services
- add layout providers
- use Fluent UI components
- display Fluent icons
- bind list components
- search autocomplete options
- show dialogs
- display toast notifications
- apply design themes
- create Fluent forms
- validate form inputs
Inputs
- Blazor application
- Microsoft.FluentUI.AspNetCore.Components NuGet package
- Microsoft.FluentUI.AspNetCore.Components.Icons NuGet package
- Program.cs configuration
- root layout file
- component data models
Outputs
- configured Fluent UI Blazor application
- styled UI components
- rendered icons
- displayed dialogs
- shown toast notifications
- themed interface
- validated form submissions
Requirements
- Blazor Server or WebAssembly environment
- .NET runtime
- NuGet package manager