LogoClawIndex
案例技能关于
LogoClawIndex

fluentui-blazor - Fluent UI Blazor 组件使用指南

Microsoft Fluent UI Blazor 组件库使用指南

标签

更新于: 2026-03-26

能力

典型输入

典型输出

该技能可以做什么

  • 配置 Fluent UI 库
  • 注册 Fluent UI 服务
  • 添加布局提供程序
  • 使用 Fluent UI 组件
  • 显示 Fluent 图标
  • 绑定列表组件
  • 搜索自动完成选项
  • 显示对话框
  • 显示通知消息
  • 应用设计主题
  • 创建 Fluent 表单
  • 验证表单输入

输入

  • Blazor 应用程序
  • Microsoft.FluentUI.AspNetCore.Components NuGet 包
  • Microsoft.FluentUI.AspNetCore.Components.Icons NuGet 包
  • Program.cs 配置
  • 根布局文件
  • 组件数据模型

输出

  • 配置好的 Fluent UI Blazor 应用程序
  • 样式化的 UI 组件
  • 渲染的图标
  • 显示的对话框
  • 显示的通知消息
  • 主题化界面
  • 验证的表单提交

要求

  • Blazor Server 或 WebAssembly 环境
  • .NET 运行时
  • NuGet 包管理器

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
Blazor
Fluent UI
组件
Microsoft
UI 库
ASP.NET Core
表单
主题
配置 Fluent UI 库
注册 Fluent UI 服务
添加布局提供程序
使用 Fluent UI 组件
Blazor 应用程序
Microsoft.FluentUI.AspNetCore.Components NuGet 包
Microsoft.FluentUI.AspNetCore.Components.Icons NuGet 包
配置好的 Fluent UI Blazor 应用程序
样式化的 UI 组件
渲染的图标