Product / Knowledge Base / 8. SharePoint, Teams & Viva Connections

8. SharePoint, Teams & Viva Connections

User & Administration Guide — Version 1.0.0.0

Guide summary

People Hub deploys once to the tenant app catalog and runs across SharePoint, Teams, and Viva Connections.

On this page

8.1 SharePoint Pages

  • Add People Hub Directory and People Hub Org Chart web parts to modern pages.
  • The directory may run as a full-width app page with site navigation hidden — an administrator setting.
  • Org Chart is typically on a separate SharePoint page, not inside the Directory web part.

8.2 Microsoft Teams

  • Build teams/dist/people-hub-teams.zip with npm run package:teams.
  • Upload to Teams Admin Center or sideload for testing.
  • Channel tabs resolve to the current team's backing SharePoint site — keep {teamSiteDomain} placeholders in the manifest.
  • All tabs are available: Directory, Departments, Dashboard, Org Chart, Team Members, Settings (admins).

8.3 Viva Connections

  • Add the People Hub adaptive card extension to a Viva Connections dashboard.
  • The card shows a quick summary: available now · total people.
  • Click Open directory to launch the full directory in a quick view panel.
People Hub Microsoft 365 surfaces
One SPFx solution — SharePoint, Teams, and Viva Connections.

Additional App Functionality

Teams Deployment Checklist

  • Deploy people-hub.sppkg to the tenant app catalog first.
  • Approve all Microsoft Graph permissions.
  • Publish SharePoint host pages before adding channel tabs.
  • Grant admin access via property pane or site ownership for in-app Settings.
  • Validate theme sync, SSO, and mobile rendering after tab install.