Fabric

This library contains everything you need including styling, components and animation
Basically bootstrap for Office and SharePoint
Is a mobile first front end framework that you can use to apply the Office Design Language to your web experience
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).


github.com/OfficeDev/Office-UI-Fabric
github.com/OfficeDev/Office-UI-Fabric-UI-Sample


Office UI Fabric Core - This contains the core colours, typography, icons and styles. This does not include the CSS styles and classes required for implementing the different components.
Office UI Fabric JS - This uses the Core library. Includes the CSS styles and Javascript needed to implement the controls without a dependency on any specific framework.
Office UI Fabric React - This uses the Core library. Inclues the CSS styles and Javascript needed to implement the controls using the React Framework


Installing
npm install office-ui-fabric


Fabric CDN

Reference Fabrix CDN

<link rel="stylesheet" href="https://appsforoffice.microsoft.com/fabric/1/0/fabric.min.css"> 
<link rel="stylesheet" href="https://appsforoffice.microsoft.com/fabric/1/0/fabric.components.min.css">

Additional components can be downloaded if required



Fabric Snippets

s43.io/fabricsnippets - blog page




Typography


Colours


Icons


Animations


Input Components


Layouts


Navigation Elements



© 2017 Better Solutions Limited. All Rights Reserved. © 2017 Better Solutions Limited

Next