Angular directives specific to the Office UI Fabric

Branch Status

master	dev

This project, ng-OfficeUIFabric, is a community effort to build the Office UI Fabric components as a suite of Angular 1.x directives to make it easier to use in Angular-based applications.

See it running

We have a web site where you can see these directives running at http://ngOfficeUiFabric.com. This is a great way to see what components are available and the ease of use for you as a developer.

Dive Right In

Want to see things working right away? Check out our Minimal Path to Awesome doc! Using it you'll clone the repo locally, install all the dependencies, run tests, see code coverage reports, build the library & see a working directive demo!

Basic installation & usage information is found on this page... more docs are in the docs guides.

• Installation
• Support
  • Supported Browsers
  • Need Help?
  • Found a Bug?
• Contributing to the Project

Installation

Other than manually downloading the library, ng-OfficeUIFabric will be available in the following options. Then you just need to add references to the Angular JS, ngOfficeUiFabric JS & and Office UI Fabric CSS libraries and import the ngOfficeUiFabric modules and you're good to go. Check the package-ngofficeuifabric for simple usage info.

Bower

Install the library (which should also download the Angular & office-ui-fabric dependent libraries:

bower install ng-office-ui-fabric --save

NPM

Install the library (which should also download the Angular & office-ui-fabric dependent libraries:

npm install ng-office-ui-fabric --save

NuGet

Install the library (which should also download the AngularJS.Core & OfficeUiFabric dependent libraries.

Install-Package ng-office-ui-fabric

Direct Download

You can also directly download the built library if you wish. Grab either the unminified ngOfficeUiFabric.js or minified ngOfficeUiFabric.min.js from the package-ngofficeuifabric repo. You will need to also grab copies of Angular 1.4.* and Office UI Fabric (you only need the CSS from Office UI Fabric). Installing from NPM, Bower or NuGet includes the dependencies.

CDN

Hosting facilitated by CDNJS, a community driven CDN. Simply add a reference in your page to:

<script src="https://cdnjs.cloudflare.com/ajax/libs/ngOfficeUiFabric/0.2.0/ngOfficeUiFabric.min.js"></script>

NOTE: Be sure to use the most current version!

Support

Supported Browsers

All directives in ng-OfficeUIFabric will work against the same versions that are commonly supported between the Office UI Fabric & Angular 1.x.

• Google Chrome
• Firefox
• Internet Explorer (IE9+)
• Edge
• Safari

Need Help

Jump into the ngOfficeUIFabric Slack team to join the discussion... if you aren't a member ask for an invite.

Think You Found a Bug

First check the issues list to see if someone else has already found it and there's an ongoing discussion. If not, create an issue or jump in the .

Contributing to the Project

We want help! Please take a look at the Contribution Guide for guidance and jump in the Slack team to discuss how you can help: http://ngofficeuifabric.slack.com... if you aren't a member of the Slack team yet, ask for an invite.