sp-dev-fx-webparts/samples/react-my-groups

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

React 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:

Compact Layout:

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

Used SharePoint Framework Version

Applies to

• SharePoint Framework

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.