Designing your Microsoft Teams app with basic Fluent UI components
You can design and build your Teams app from scratch with the following basic Fluent UI components. Designed as flat as possible, these components can work across different use cases, themes, and screen sizes.
The illustrations on this page show how components look in Teams default (light) and dark themes.
Microsoft Teams UI Kit
Based on Fluent UI, the Microsoft Teams UI Kit includes components and patterns that are designed specifically for building Teams apps. In the UI kit, you can grab and insert the components listed here directly into your design and see more examples of how to use each component.
Key value pair
Note: In Fluent UI, toggle is a type of checkbox.
Get code samples and implementation details for some of the components listed here and in the Microsoft Teams UI Kit.
Submit and view feedback for