Using Fluent UI 9 in SPFx solutions

In this 14-minute developer-focused demo, Nick Brown shows viewers the new Fluent UI version 9 controls and theme provider in a SharePoint Communication site and Teams site. The UI framework has native theming for Teams, SharePoint and Windows. What is Fluent and Fluent UI 9, how are Fluent UI components configured. Fluent UI 7 currently ships with SPFx. UI 9 – Windows 11 styled react based, merges 8 and Northstar (Teams) into 1 library.  Controls and source-code are available to you now.  This PnP Community demo is taken from the Viva Connections & SharePoint Framework Bi-weekly sync call recorded on November 17, 2022.

Demo Presenter
• Nick Brown (Jisc) | @techienickb

Supporting materials
• Sample - react-fluentui-9 | https://github.com/pnp/sp-dev-fx-webp...
• Components - Fluent UI React Components v9.7.0 | https://react.fluentui.dev/?path=/doc...

Learn more
• Microsoft 365 Unified Sample gallery - https://aka.ms/m365/samples
• Microsoft 365 Platform Community in YouTube - https://aka.ms/m365/videos
• Microsoft 365 Platform Community - http://aka.ms/m365/community

• #science_technology
• #sharepoint
• #pnp
• #dev
• #community
• #open_source
• #microsoft
• #teams
• #fluent_ui