Fluent UI React v9 for Word Add-ins

Quick Start

Wrap the app root with FluentProvider and a theme:

import { FluentProvider, webLightTheme } from '@fluentui/react-components';

Office.onReady(() => {
  createRoot(document.getElementById('container')!).render(
    <FluentProvider theme={webLightTheme}>
      <App />
    </FluentProvider>
  );
});

Core Concepts