First published on TECHNET on Jan 19, 2018 This post is a contribution from Suresh Meenakshisundaram, an engineer with the SharePoint Developer Support team
Disclaimer: This blog post is to give more information on the subject and not an official documentation about component or licensing or recommendation from Microsoft.
Office UI fabric is a front-end framework to build UI for application’s extensions, add-ins (MS office applications like word, excel…and O365) based on Office Design Language (ODL). What is ODL? Office Suite products follow set of design standards which is called Office Design Language. Those are nothing but using proprietary
Office UI fabric gives those list of components, so the UI will be more appealing to end user and will not be rendered odd among other office UI screens. In nutshell, Office UI Fabric is a bootstrap for Office & O365.
Office UI fabric is split in to couple of projects. Most important one is Fabric Core. As the name implies this is core project of other projects. This project gives the core pieces like CSS, Fonts, Icons, Responsive Grid, Animations.
All Fabric assets distributed via GitHub are licensed under the MIT license which means you can use them on any projects provided you follow the MIT license. Specifically, for the fonts, as stated by their license, you can use them only on Office Add-Ins. In this context Office Add-Ins include any web applications that extend the Office User Experience including: Office Add-Ins (previously known as Apps for Office), SharePoint Add-Ins (previously known ad Apps for SharePoint) and Office 365 Apps (those launched from within the Office launcher).
Office UI Fabric for SharePoint
Fabric is official front-end framework for O365 and SharePoint Online. All the new modern team sites, modern pages and modern lists are built using Office-UI-Fabric. SPO uses Office-UI-Fabric core & React in SharePoint and pushes update to SharePoint online periodically. Because of this, SPFx generator installs right version Office UI Fabric React as well. So when you build the SPFx components, use the fabric which comes with installation and don’t update it separately. The update will conflict with version in SharePoint and as a result your component may fail.