Fabric UI

Link - developer.microsoft.com/en-us/fabric
Is a mobile first front end framework that you can use to apply the Office Design Language to your web experience.
This library contains everything you need including styling, components and animation.
This library is often described as a Bootstrap framework for Office, Office 365 and SharePoint.
The theme changes when the Office theme is changed in Office 2016 (not 2007, 2010 or 2013).


Different Packages

There are a number of different packages you can use to access the Fabric UI components.
The first iteration was released in August 2015 and was called Office UI Fabric.
This contained javascript components that used JQuery with CSS classes for the appearance and styling.
Nuget Package Name - OfficeUIFabric
NPM Package Name - office-ui-fabric
This package is no longer being updated on Nuget or NPM and the last version was released in May 2016 (2.6.1).

href="https://appsforoffice.microsoft.com/fabric/2.1.0./fabric.min.css" 
href="https://appsforoffice.microsoft.com/fabric/2.1.0./fabric.components.min.css"

Office UI Fabric JavaScript + Core

The second iteration was released in August 2016 and was called Office UI Fabric JavaScript.
This version took the existing Office UI Fabric package (version 1) and split it into two independent packages.
The Office UI Fabric JavaScript package contained the existing javascript components that used JQuery.
The Office UI Fabric Core package contained all the CCS classes for the appearance and styling.
Nuget Package Name - OfficeUIFabricJS
NPM Package Name - office-ui-fabric-js
This package is no longer being updated on Nuget or NPM and the last version was released in February 2017 (1.4.0).

github.com/OfficeDev/office-ui-fabric-js 
github.com/OfficeDev/office-ui-fabric-core

Office UI Fabric React + Core

The third iteration was released in January 2017 and was called Office UI Fabric React.
This package contains components written in React.
Nuget Package - There is currently no Nuget package for Office UI Fabric React
Nuget Package - OfficeFabricUICore
NPM Package Name - office-ui-fabric-react
NPM Package Name - office-ui-fabric-core

github.com/OfficeDev/office-ui-fabric-react 
github.com/OfficeDev/office-ui-fabric-core

There are similar packages for AngularJS and iOS although these are not as popular and are not updated regularly.


© 2019 Better Solutions Limited. All Rights Reserved. © 2019 Better Solutions Limited TopNext