React Groups and Teams

Recently I had a client that needed to display the SharePoint Groups in their Organization and their person groups as well as showing their MS Teams Teams. This webpart makes use of the SharePoint site’s theme for the styling as well.

For the Microsoft 365 Groups section they required:

  • A toggle for the Group visibility ( Public / Private / All )
  • A tooltip on hover of the Group Title displaying the Group Description
  • A link to the Group Calendar
  • A link to the Group Mail
  • A link to the SharePoint site
  • A link to the Group Planner ( if available )
  • An option to toggle between all of the groups in the organization or your groups

For the My Teams section they required:

  • A toggle for the Group visibility ( Public / Private / All )
  • A tooltip on hover of the Team Title displaying the Group Description
  • A link to the MS Teams chat for the group
  • A link to the Group Calendar
  • A link to the Group Mail
  • A link to the SharePoint site
  • A link to the Group Planner ( if available )

Below are two pictures of the finished product:


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: