honeymoose
/
sp-dev-fx-webparts
mirror of https://github.com/pnp/sp-dev-fx-webparts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
sp-dev-fx-webparts/samples/react-group-members
History
Hugo Bernier 7202809a7d Changed docs links to learn 2022-10-24 09:42:45 -04:00
..
config Added react-group-members; 2022-03-30 10:37:05 +01:00
src Added react-group-members; 2022-03-30 10:37:05 +01:00
teams Added react-group-members; 2022-03-30 10:37:05 +01:00
.gitignore Added react-group-members; 2022-03-30 10:37:05 +01:00
.npmignore Added react-group-members; 2022-03-30 10:37:05 +01:00
.yo-rc.json Added react-group-members; 2022-03-30 10:37:05 +01:00
README.md Changed docs links to learn 2022-10-24 09:42:45 -04:00
gulpfile.js Added react-group-members; 2022-03-30 10:37:05 +01:00
package-lock.json Bump @xmldom/xmldom from 0.7.5 to 0.7.6 in /samples/react-group-members 2022-10-24 12:45:10 +00:00
package.json Added react-group-members; 2022-03-30 10:37:05 +01:00
tsconfig.json Added react-group-members; 2022-03-30 10:37:05 +01:00
tslint.json Added react-group-members; 2022-03-30 10:37:05 +01:00

README.md

http://aka.ms/m365devprogramhttp://aka.ms/m365devprogramhttp://aka.ms/m365devprogramhttp://aka.ms/m365devprogram# react-group-members

Summary

Uses the MS Graph client to list the members of a group(s) and displays Person Cards, think of it as an automated People Profile native control. Utilizes PnP Property Controls and PnP Placeholder.

Compatibility

This sample is designed to be used in the following enviroments:

SPFx 1.14.0 Node.js v14 | v12 | v10 SharePoint Online Workbench Hosted: Does not work with local workbench Compatible with Remote Containers

For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix

Applies to

Get your own free development tenant by subscribing to Microsoft 365 developer program

Prerequisites

Any special pre-requisites?

Solution

Solution Author(s)
react-group-members Nick Brown

Version history

Version Date Comments
1.0 March 30, 2022 Initial release

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.

Minimal Path to Awesome

  • Clone this repository
  • in the command line run:
    • npm install
    • gulp build
    • gulp bundle --ship
    • gulp package-solution --ship
    • Add to AppCatalog and deploy

This sample can also be opened with VS Code Remote Development. Visit https://aka.ms/spfx-devcontainer for further instructions.