{"id":3284,"date":"2019-08-15T14:58:33","date_gmt":"2019-08-15T21:58:33","guid":{"rendered":"https:\/\/developer.microsoft.com\/en-us\/office\/blogs\/?p=3284"},"modified":"2021-10-18T11:05:57","modified_gmt":"2021-10-18T18:05:57","slug":"people-picker-component-now-available-in-the-microsoft-graph-toolkit","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/people-picker-component-now-available-in-the-microsoft-graph-toolkit\/","title":{"rendered":"People Picker component now available in the Microsoft Graph Toolkit"},"content":{"rendered":"<p>We are excited to announce the addition of the People Picker web component to the public preview of the Microsoft Graph Toolkit. The Microsoft Graph Toolkit is a collection of reusable, framework-agnostic web components that work automatically with Microsoft Graph. With just a few lines of code, a developer can add components such as login, tasks, agenda, and more to any web application.<\/p>\n<p>The new People Picker component lets users search and select people by automatically calling the Microsoft Graph people API. By default, the People Picker will search for all people, but a group property may be defined for further filtering. The component is user-friendly, supporting tab and enter to auto-complete, and is designed to look like a native Microsoft365 experience.<\/p>\n<p>We are looking for users to test and provide feedback on this component. Check out this <a href=\"https:\/\/jsfiddle.net\/metulev\/jdv38fg0\">jsfiddle example<\/a> and documentation and samples on <a href=\"https:\/\/github.com\/microsoftgraph\/microsoft-graph-toolkit\">GitHub<\/a>. Provide your feedback or report bugs by creating a <a href=\"https:\/\/github.com\/microsoftgraph\/microsoft-graph-toolkit\/issues\">GitHub Issue<\/a>.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-3287 size-full\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2019\/08\/mgt-people-picker-GIF-1.gif\" alt=\"\" width=\"592\" height=\"570\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We are excited to announce the addition of the People Picker web component to the public preview of the Microsoft Graph Toolkit.<\/p>\n","protected":false},"author":69095,"featured_media":25159,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3],"tags":[34],"class_list":["post-3284","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-graph","tag-microsoft-graph-toolkit"],"acf":[],"blog_post_summary":"<p>We are excited to announce the addition of the People Picker web component to the public preview of the Microsoft Graph Toolkit.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/3284","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=3284"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/3284\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/25159"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=3284"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=3284"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=3284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}