sp-dev-fx-webparts/samples/react-my-groups
Hugo Bernier efe71ace63
Update README.md
2020-11-08 23:30:12 -05:00
..
.vscode Add 'samples/react-my-groups/' from commit 'd8c8c2275fb625db60744608aa9e83a82e437252' 2019-09-14 19:23:27 -04:00
assets Added Grid layout and adjusted compact layout 2020-07-08 22:07:51 -04:00
config Added Graph API Permissions to package-solution.json and updated webpart to 1.10.0 2020-06-01 19:35:59 -04:00
src Added Grid layout and adjusted compact layout 2020-07-08 22:07:51 -04:00
teams Add 'samples/react-my-groups/' from commit 'd8c8c2275fb625db60744608aa9e83a82e437252' 2019-09-14 19:23:27 -04:00
.editorconfig Add 'samples/react-my-groups/' from commit 'd8c8c2275fb625db60744608aa9e83a82e437252' 2019-09-14 19:23:27 -04:00
.gitignore Add 'samples/react-my-groups/' from commit 'd8c8c2275fb625db60744608aa9e83a82e437252' 2019-09-14 19:23:27 -04:00
.yo-rc.json Added Graph API Permissions to package-solution.json and updated webpart to 1.10.0 2020-06-01 19:35:59 -04:00
README.md Update README.md 2020-11-08 23:30:12 -05:00
gulpfile.js Add 'samples/react-my-groups/' from commit 'd8c8c2275fb625db60744608aa9e83a82e437252' 2019-09-14 19:23:27 -04:00
package-lock.json Added Graph API Permissions to package-solution.json and updated webpart to 1.10.0 2020-06-01 19:35:59 -04:00
package.json Added Graph API Permissions to package-solution.json and updated webpart to 1.10.0 2020-06-01 19:35:59 -04:00
tsconfig.json Added Graph API Permissions to package-solution.json and updated webpart to 1.10.0 2020-06-01 19:35:59 -04:00
tslint.json Add 'samples/react-my-groups/' from commit 'd8c8c2275fb625db60744608aa9e83a82e437252' 2019-09-14 19:23:27 -04:00

README.md

page_type products languages extensions
sample
office-sp
javascript
typescript
contentType technologies platforms createdDate
samples
SharePoint Framework
React
6/1/2020 12:00:00 AM

My Groups

Summary

Using Microsoft Graph, this webpart grabs the Office 365 groups the current user is a member of with links to the groups SharePoint site.

The webpart has been updated to include a grid like in addition to the compact layout as seen below: Grid Demo

Compact Layout: Compact Demo

You can change between the grid and compact layout through the settings in the property pane: Property Pane Demo

Used SharePoint Framework Version

1.10.0

Applies to

Solution

Solution Author(s)
react-my-groups Zach Roberts

Version history

Version Date Comments
1.0 September 13, 2019 Initial release
1.1 June 1, 2020 Updated to SPFX 1.10.0
1.2 July 8, 2020 Added Grid Layout

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 bundle --ship
    • gulp package-solution --ship
  • Add the package to your app catalog
  • Approve the Graph API permissions in the SharePoint admin center
  • Add the webpart to your page

Features

This web part lists the current user's Office 365 groups with links to the groups SharePoint site.