Customize Consent Preferences

We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.

The cookies that are categorized as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site. ... 

Always Active

Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.

No cookies to display.

Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.

No cookies to display.

Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.

No cookies to display.

Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.

No cookies to display.

Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.

No cookies to display.

Pages Menu
TwitterRssFacebook

Posted by on Jan 21, 2021 in Development, Microsoft Teams

Microsoft release 3 more tools to help developers build better Microsoft Teams apps

Microsoft release 3 more tools to help developers build better Microsoft Teams apps

Last week, I blogged about a new Microsoft Teams UI Kit that Microsoft had made available to help developers design and build applications for Microsoft Teams that looked like they belonged there.

Now, Microsoft has added to that with three more tools to aid app developers. These were announced in a blog post on the Microsoft Teams Developer Blog.

New: UI Library of React Controls

This is a React library you can reference and use in your own projects. It implements many of the designs that are described and shown in the Teams UI Kit. That means that you don’t even have to create the components that you want to use and saw designs for in the UI Kit: you can just import them from here!

More information and the full source of the controls on GitHub: GitHub – OfficeDev/microsoft-teams-ui-component-library: Component library enhanced experiences styled for use in Microsoft Teams custom applications.

New: UI Library Playground

You can use the UI Library Playground to explore how different components look, to get a feel for which ones you want to use. For each component, you can see how it appears in each of the standard Teams modes: light, dark and high-contrast.

You can also choose to view any component in a mobile or tablet view to see how it renders there, and – a really nice addition – you can emulate various different color blindness conditions:

I think this is a really good idea to help drive more accessible applications. For each component, there is also an Accessibility tab showing any violations:

New: Teams UI Sample App

Finally, there is also a sample Microsoft Teams app which showcases these controls. Right now, this is a code sample in GitHub with instructions so that you can get it running in your environment and then add to Microsoft Teams. It would be great to see Microsoft host this somewhere and offer it as a Teams App in the App Store, to act as a showcase for development.

Written by Tom Morgan

Tom is a Microsoft Teams Platform developer and Microsoft MVP who has been blogging for over a decade. Find out more.
Buy the book: Building and Developing Apps & Bots for Microsoft Teams. Now available to purchase online with free updates.

Post a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Share to Microsoft Teams