可以使用以下基本 Fluent UI 组件从头开始设计和生成 Teams 应用。 这些组件设计得尽可能平面,可以跨不同的用例、主题和屏幕大小工作。
此页上的插图显示了组件在 Teams 默认 (浅色) 和深色主题中的外观。
Microsoft Teams UI Kit
基于 Fluent UI 响应组件,Microsoft Teams UI 工具包包括专为生成 Teams 应用而设计的组件和模式。 在 UI 工具包中,可以抓取此处列出的组件并将其直接插入到设计中,并查看有关如何使用每个组件的更多示例。
通知
按钮
痕迹导航栏
卡
旋转式传送
复选框
Coachmark
上下文菜单
对话框
下拉列表
组列表
Hyperlink
Input
键值对
段落
选取器
Pivot
进度指示器
收音机
滚动条
搜索框
侧面板
状态标签
Toast
切换
注意:在 Fluent UI 中,切换是一种复选框类型。
工具提示
其他资源
获取此处和 Microsoft Teams UI 工具包中列出的某些组件的代码示例和实现详细信息。