[
  {
    "name": "pnp-sp-dev-spfx-web-parts-react-msgraph-peoplesearch",
    "source": "pnp",
    "title": "Microsoft Graph People Search Web Part",
    "shortDescription": "Show and search users from your organization, through Microsoft Graph. Search results show as a nice People Card, and display the Live Persona Card on hover.",
    "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-msgraph-peoplesearch",
    "longDescription": [
      "Show and search users from your organization, through Microsoft Graph. Search results show as a nice People Card, and display the Live Persona Card on hover.",
      "The web part accepts a search query through a Dynamic Data connection, to further filter the displayed results. A source for this search query is not provided, but by default this can come from the Microsoft Search search box or the Page Environment. You could also use the Search Box Web Part provided by the PnP Modern Search Web Parts.",
      "The sample also shows how to use SPFx Web Part asynchronous rendering using isRenderAsync property and renderCompleted method."
    ],
    "creationDateTime": "2020-07-31",
    "updateDateTime": "2020-07-31",
    "products": [
      "SharePoint"
    ],
    "metadata": [
      {
        "key": "CLIENT-SIDE-DEV",
        "value": "React"
      },
      {
        "key": "SPFX-VERSION",
        "value": "1.11.0"
      },
      {
        "key": "SPFX-SUPPORTSTHEMEVARIANTS",
        "value": "true"
      },
      {
        "key": "SPFX-TEAMSTAB",
        "value": "true"
      }
    ],
    "thumbnails": [
      {
        "type": "image",
        "order": 100,
        "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-msgraph-peoplesearch/assets/MicrosoftGraphPeopleSearch.gif",
        "alt": "Microsoft Graph People Search Web Part"
      },
      {
        "type": "image",
        "order": 101,
        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-msgraph-peoplesearch/assets/MicrosoftGraphPeopleSearch-LPC.gif?raw=true",
        "alt": "Microsoft Graph People Search Web Part"
      }
    ],
    "authors": [
      {
        "gitHubAccount": "YannickRe",
        "company": "",
        "pictureUrl": "https://github.com/YannickRe.png",
        "name": "Yannick Reekmans",
        "twitter": "Qubix"
      }
    ],
    "references": [
      {
        "name": "Build your first SharePoint client-side web part",
        "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
        "url": "https://learn.microsoft.com/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
      },
      {
        "name": "Supporting section backgrounds",
        "description": "Starting with SharePoint Framework v1.8, web parts can be made aware of any section backgrounds and use these colors to improve the appearance of a web part when hosted in a section with a different background.",
        "url": "https://learn.microsoft.com/sharepoint/dev/spfx/web-parts/guidance/supporting-section-backgrounds"
      },
      {
        "name": "Building Microsoft Teams Tabs using SharePoint Framework",
        "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.",
        "url": "https://learn.microsoft.com/sharepoint/dev/spfx/integrate-with-teams-introduction"
      }
    ]
  }
]