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:


6 thoughts on “React Groups and Teams

  1. You’re so cool! I do not believe I have read through anything like that before. So great to find somebody with a few genuine thoughts on this subject. Seriously.. many thanks for starting this up. This site is one thing that’s needed on the internet, someone with a little originality!

    Like

  2. Howdy! This post couldn’t be written much better! Looking through this article reminds me of my previous roommate! He continually kept talking about this. I’ll forward this information to him. Fairly certain he’ll have a very good read. Many thanks for sharing!

    Like

Leave a Reply to Maricruz Giblin Cancel 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 )

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: