Key Takeaways
Adding "TeamsTab" and "TeamsPersonalApp" to the web part manifest is all it takes to surface an SPFx web part in Teams — no code changes required for basic scenarios.
Always check this.context.sdks.microsoftTeams to detect the hosting environment and adapt your UI — don't assume the web part is always in SharePoint.
Register a theme change handler to respond when the user switches Teams theme — dark mode support is expected by Teams users and failure to handle it stands out immediately.
The property pane is unavailable in Teams — design your tab's configuration experience to work through the Teams configuration UI or an in-tab settings panel.
Related Articles
Need a Teams tab app built with SPFx?
We build SPFx solutions that run seamlessly across SharePoint, Microsoft Teams, Viva Connections, and Outlook — write once, run everywhere in Microsoft 365.