Office UI Fabric React Docs

Getting Started:

• Configuring Your Environment
  • Verify your environment works
• Create a Simple App
  • Prerequisites
  • Step 1: Create react app
  • Step 2: Install office-ui-fabric-react package
  • Step 3: Add DocumentCardBasic component
  • Step 4: Preview document card
  • Next steps
• The Fabric Component
  • Focus rectangle notes
• Using Icons
  • Alternative CDN options
  • What does initializeIcons do?
  • Disabling generated warnings
• Using componentRef Instead of ref
  • Consuming a component's public API
  • In Fabric, extend BaseComponent to abstract resolving the componentRef

New Components:

• Styling
  • Component anatomy
  • Moving styles from scss to ts
  • Footnotes
• Testing
  • Running tests
  • Running tests in watch mode
  • Debugging
  • Writing tests
  • Test Utilities & Helpers
  • FAQ