Your UI, Inside the Chat: Building Custom Copilot Components with SPFx
For years, SPFx meant web parts and extensions living on a SharePoint page. With @microsoft/sp-copilot-component , the same framework, the same React skills, and the same brokered-SSO plumbing can now render a fully interactive UI directly inside a Microsoft 365 Copilot conversation. This post walks through copilot-my-approvals , a real solution that puts an approvals cockpit — approve, reject, re-assign, email the requester — right in the chat pane. SPFx 1.24.0-beta.2 sp-copilot-component Fluent UI v9 Declarative Agents Heft What just became possible Classic SPFx components render into a page you control — a web part zone, a field customizer, a command surface. A Copilot Component renders into a surface you don't control at all: an iframe that Microsoft 365 Copilot mounts inline in the middle of a chat turn, or expands to fullscreen on request. Copilot invokes your component the same way it i...