{"id":14229,"date":"2023-06-13T09:00:11","date_gmt":"2023-06-13T16:00:11","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/?p=14229"},"modified":"2023-06-13T08:29:04","modified_gmt":"2023-06-13T15:29:04","slug":"announcing-microsoft-graph-toolkit-v3-0-release-candidate","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/announcing-microsoft-graph-toolkit-v3-0-release-candidate\/","title":{"rendered":"Announcing Microsoft Graph Toolkit v3.0 release candidate"},"content":{"rendered":"

After three months in preview and feedback from our community, the release candidate of the Microsoft Graph Toolkit v3.0 is now available. With this release candidate release, you can now build apps for new scenarios, including the ability to select taxonomy items, provide a search experience and leverage our entirely new theming experience!<\/p>\n

We introduced<\/a> Microsoft Graph Toolkit in September 2019, and since then, we\u2019ve seen incredible adoption and an amazing response from the developer community and our partners. Our team has been hard at work taking the feedback and requests we\u2019ve received and turning them into the exciting new features we\u2019re excited to share with you today.<\/p>\n

If you are new to the Microsoft Graph Toolkit<\/a>, it is a collection of reusable, framework-agnostic components and authentication providers for accessing and working with Microsoft Graph. The components are fully functional, customizable, and work with any web framework and on all modern browsers. You can learn more by reading our documentation<\/a> or by trying one of our getting started guides<\/a>.<\/p>\n

What\u2019s new in 3.0 release candidate?<\/h2>\n

https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/06\/Build-2023-MGT-v3.mp4<\/a><\/video><\/div><\/p>\n

Major styling updates<\/h3>\n

Building on top of the work we did for our initial Preview release, we enhanced the styling of all our components to meet our accessibility standards and to fully embrace Fluent 2<\/a> and its implementation in web components<\/a>. Your applications will feel more connected to the rest of Microsoft 365 by having the familiar look and feel, simplifying the adoption and usage of your apps for your users! We also updated our dark and light themes to feel closer to Microsoft 365 experiences.<\/p>\n

<\/p>\n

New scenarios<\/h2>\n

Select a term from Microsoft Graph taxonomy<\/h3>\n

As part of v3.0, we are adding a new mgt-taxonomy-picke<\/span>r component, allowing selection of Microsoft Graph taxonomy entities and is intended to be used to select a term from a term set. We want to share our gratitude to the contributor of this new component, Anoop Tatti<\/a>, for this highly requested component!<\/p>\n

<\/p>\n

To try the new mgt-taxonomy-picker<\/span>, head over to our Microsoft Graph Toolkit playground<\/a>.<\/p>\n

Build a search-driven application<\/h3>\n

As requested by our community, we wanted to provide a new capability that allows developers to build solutions leveraging the Microsoft Graph search APIs. Up until now, it was not possible to use any of our components, including the mgt-get<\/span> component to achieve this scenario. Starting with this release, we are excited to add 2 new components helping you to build search scenarios: mgt-search-box<\/span> and mgt-search-results<\/span>! These components, when used together, can offer a perfect foundation for a search-driven application.<\/p>\n

<\/p>\n

You can try the new components directly in our playground.<\/a><\/p>\n

Bug Fixes and Improvements<\/h3>\n

This update also includes bug fixes and improvements that aren\u2019t specifically highlighted in this post. To see the full list, check out our release notes<\/a>.<\/p>\n

Known Issues<\/h3>\n

In our journey to v3.0, we are maintaining a list of known issues that we think you should be aware of. You can see them in our repo<\/a>, which will be updated while based on customer feedback.<\/p>\n

Updating your applications<\/h2>\n

To update your application to use the newest version of Microsoft Graph Toolkit, navigate to your project directory and run:<\/p>\n

npm i @microsoft\/mgt@3.0.0-rc.3<\/span><\/p>\n

If you\u2019re using the Toolkit via mgt-loader, update your script tag to:<\/p>\n

<script src=”https:\/\/unpkg.com\/@microsoft\/mgt@v3.0.0-rc.3\/dist\/bundle\/mgt-loader.js”><\/script><\/span><\/p>\n

This update includes\u00a0breaking changes that may impact your application, such as deprecation of properties, use of the embedded Microsoft Graph client and naming updates to CSS custom properties. Please go to our\u00a0release notes<\/a>\u00a0to see a detailed list of the changes.<\/p>\n

Try it now<\/h2>\n

We\u2019re excited about this new version as it\u2019s very, very close to our complete v3.0 release. We can\u2019t wait for you to try it out! We look forward to hearing from you<\/a> about these improvements and how we can continue to make the Microsoft Graph Toolkit even better.<\/p>\n

Visit the\u00a0Microsoft Graph Dev Center<\/a>\u00a0for more resources. Follow us\u00a0on Twitter @Microsoft365Dev<\/a>\u00a0to stay up to date on news and announcements.<\/p>\n","protected":false},"excerpt":{"rendered":"

The Microsoft Graph Toolkit v3.0 release candidate is now available. You can now build apps for new scenarios, including selecting taxonomy items, providing a search experience and leveraging our new theming experience!<\/p>\n","protected":false},"author":69087,"featured_media":14251,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3],"tags":[34],"class_list":["post-14229","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-graph","tag-microsoft-graph-toolkit"],"acf":[],"blog_post_summary":"

The Microsoft Graph Toolkit v3.0 release candidate is now available. You can now build apps for new scenarios, including selecting taxonomy items, providing a search experience and leveraging our new theming experience!<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/14229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/users\/69087"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/comments?post=14229"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/14229\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/14251"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=14229"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=14229"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=14229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}