{"id":3455,"date":"2019-09-26T09:00:37","date_gmt":"2019-09-26T16:00:37","guid":{"rendered":"https:\/\/developer.microsoft.com\/en-us\/office\/blogs\/?p=3455"},"modified":"2021-10-18T11:04:02","modified_gmt":"2021-10-18T18:04:02","slug":"the-microsoft-graph-toolkit-is-now-generally-available","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/the-microsoft-graph-toolkit-is-now-generally-available\/","title":{"rendered":"The Microsoft Graph Toolkit is now generally available!"},"content":{"rendered":"

In May 2019 we introduced the Microsoft Graph Toolkit, a collection of reusable, framework-agnostic web UI components that work automatically with Microsoft Graph. We\u2019re excited to announce that this first collection of UI components is now generally available!<\/p>\n

The Microsoft Graph Toolkit is great for any developer looking to create a web app, Teams Tab, or SharePoint web part that makes calls to Microsoft Graph. By providing UI components that are designed to look and feel like Microsoft 365 experiences, the Toolkit reduces your time and cost to integrate with our platform. All of the UI components authenticate and access data from Microsoft Graph out of box. The components are fully customizable using CSS and templating, enabling you to match your unique branding and to control the content displayed in the components. See how easy it is to use the Toolkit in this jsfiddle example<\/a>!<\/p>\n

In this release, developers will find all components that have been previously released in public preview (Login, Agenda, Tasks, Person, People, People-Picker), as well as a brand new component, called Person Card. See more details on each component below.<\/p>\n

Login\n<\/strong>The Login component provides a sign in button that authenticates a user and displays the user\u2019s profile information on sign in.<\/p>\n

\"\"<\/p>\n

Person\n<\/strong>The Person component displays a person by their name, photo, and email address.<\/p>\n

\"\"<\/p>\n

People\n<\/strong>The People component displays a group of people.<\/p>\n

\"\"<\/p>\n

Agenda\n<\/strong>The Agenda component displays a user or group\u2019s calendar events.<\/p>\n

\"\"<\/p>\n

Tasks\n<\/strong>The Tasks component displays a user\u2019s tasks from Microsoft Planner or Microsoft ToDo.<\/p>\n

\"\"<\/p>\n

People Picker\n<\/strong>The People Picker component provides the ability to search and select people, displaying the most relevant results to the user first.<\/p>\n

\"\"<\/p>\n

Person Card\n<\/strong>The Person Card component is a flyout that displays profile data and additional details about a person on click or hover.<\/p>\n

\"\"<\/p>\n

Get Started\n<\/strong>We are very excited to announce the Microsoft Graph Toolkit and believe these components will increase your productivity in leveraging data from Microsoft Graph. We are just getting started and are eager to work with the community to grow and improve. Check out the Microsoft Graph Toolkit on Github<\/a>. See our documentation<\/a> or watch this quick video<\/a> to get started. Please provide any requests for new components or improvements to existing components by creating a GitHub Issue<\/a>.<\/p>\n

To learn even more about the Microsoft Graph Toolkit, join the next Microsoft Graph community call on Tuesday, October 1, 2019 at 8:00am PST<\/strong>. Download the calendar invite at\u00a0https:\/\/aka.ms\/microsoftgraphcall<\/a>. You can also listen to Nikola on the Microsoft 365 developer podcast<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

In May 2019 we introduced the Microsoft Graph Toolkit, a collection of reusable, framework-agnostic web UI components that work automatically with Microsoft Graph. We\u2019re excited to announce that this first collection of UI components is now generally available!<\/p>\n","protected":false},"author":69095,"featured_media":3484,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3],"tags":[34],"class_list":["post-3455","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-graph","tag-microsoft-graph-toolkit"],"acf":[],"blog_post_summary":"

In May 2019 we introduced the Microsoft Graph Toolkit, a collection of reusable, framework-agnostic web UI components that work automatically with Microsoft Graph. We\u2019re excited to announce that this first collection of UI components is now generally available!<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/3455","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\/69095"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/comments?post=3455"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/3455\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/3484"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=3455"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=3455"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=3455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}