Introducing new chat components with the Microsoft Graph Toolkit
One of the most common requests we receive is to enable embedding Microsoft Teams conversation into third-party apps. Developers want to build apps to let users collaborate seamlessly, without having to constantly switch between multiple tools. We are pleased to announce the public preview of the Microsoft Teams chat controls for Microsoft Graph, powered by Microsoft Graph Toolkit and the Azure Communication Services UI Library.
Chat components enable developers to add collaboration quickly and easily to their apps without thinking about writing complex integration code.
Embed your Teams conversations in any web application
The controls provided by the UI Library support core chat capabilities for Teams chat. They display a single chat thread that the user can interact with to communicate with a Teams user or a group of users on the other side. The client supports rich chat capabilities like rich text rendering, images, GIFs, emojis and more. These controls respect the policies set for your Teams tenant. The conversations you have can always be resumed in the full Teams client so you can pick up right where you left off.
Create new chats and provide context
Developers can build an experience allowing users to create new one-on-one and group conversations. When initiating new chats, you provide additional context for the conversation (see below).
We’ve heard your feedback and pulled together multiple products and services to deliver this solution:
- Microsoft Graph Toolkit is providing the authentication, connectivity to Microsoft Graph and the overall user experience to deliver the outside-in messaging scenarios
- Azure Communicaton Services Web UI Library is providing the chat UI controls and components for a seamless look and feel
- Microsoft Graph APIs for all chat operations
Delivering developers, users, and admins value
Not only are the components complete and allow for complex collaboration scenarios, but they are easy to integrate. You can access this capability via a new package delivering the components as React standalone components. Any app that can leverage React can take advantage of our components to increase the collaboration for users of Microsoft 365.
The components are fully built on top of Microsoft Graph, reusing the same permission model administrators are used to and built on the data that lives within Microsoft 365, offering the same level of security, compliance, performance, and scalability for apps leveraging our components.
This feature takes advantage of real-time endpoints, high-capacity APIs and is subject to the same billing model described in the payment models and licensing requirements for Microsoft Teams APIs.
If you would like to get access to this set of capabilities, please visit our getting started guide. This preview will evolve and might require code changes as we move towards the general availability of the components. Your feedback is very welcome, and we would love to hear from you!
- Share feedback and issues
- Learn more about the Microsoft Graph Toolkit and Azure Communication Services UI Library
- Subscribe to our Microsoft 365 Developer blog
- Follow us on X (Twitter) / @Microsoft365Dev