For AI agents: the complete documentation index is available at https://a3s-lab.github.io/Office/docs/0.310.0/en/llms.txt, the full documentation bundle is available at https://a3s-lab.github.io/Office/docs/0.310.0/en/llms-full.txt, and this page is available as Markdown at https://a3s-lab.github.io/Office/docs/0.310.0/en/components/index.md.

Component integration

All bindings expose the same controlled content model. Framework adapters translate naming and event conventions without creating a second editor implementation.

Framework bindings

FrameworkImportContent binding
React@a3s-lab/office/reactcontent and onChange
Vue@a3s-lab/office/vuev-model:content or content and @change
Web Component@a3s-lab/office/web-component.content and the change event

Real-time collaboration

Real-time collaboration spans all five editors and all three framework bindings. One host-owned Yjs session can connect two browsers, participants and remote locations, plus a CLI, MCP, or A3S Code Yrs replica. Document reviewers can add attributed selection threads, reply, resolve or reopen, and delete their own records without gaining text-edit permission. Authenticated suggesters can submit attributed insertions, deletions, and replacements without gaining canonical formatting or decision authority; editors accept or reject them into an immutable audit trail. The guide also defines room authentication, permission boundaries, initial seeding, reconnects, offline convergence, and current native-agent limitations.

Use the runnable A3S Boot collaboration server when you need the corresponding authenticated WebSocket rooms, durable Yrs storage, Awareness relay, browser adapter, and actor-scoped room protocol.

IntegrationPublic boundaryThe host still owns
Shared contentcollaborationRooms, provider, Y.Doc, and persistence
Participants and locationspresenceAwareness transport and member identity
Native coding agentsCLI / MCP replicaAuthorization, delivery, and audit policy

Available editors

ProductComponentContent contract
DocumentDocumentEditorDocumentContent
MarkdownMarkdownEditorMarkdownContent
SpreadsheetSpreadsheetEditorSpreadsheetContent
PresentationPresentationEditorPresentationContent
PDFPdfViewerBlob input and output ports

Shared surface properties

PropertyTypeDefaultDescription
theme'light' | 'dark' | 'system''system'Editor color mode.
classNamestringReact host class name. Vue and custom elements use normal class.
styleCSSPropertiesReact host inline style. The editor fills this host.
previewbooleanfalseRead-only surface for controlled editors.
saveStatusstringeditor-specificHost-owned save status shown in the file surface.
fileActionsreadonly OfficeFileAction[][]Host file actions such as save, export, history, or approval.