/ng-officeuifabric

Office UI Fabric (https://github.com/OfficeDev/office-ui-fabric) implementation for Angular

Primary LanguageTypeScriptMIT LicenseMIT

Angular directives specific to the Office UI Fabric.

npm version bower version NuGet version

MIT license Slack Network devDependency Status

Branch Status:

master dev
Build Status Build Status
Coverage Status Coverage Status

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. ngOfficeUIFabric is modeled after the Google sponsored project Angular Material.

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... additional docs are in the docs guides.

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 libraries as they are configured as dependencies:

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

NPM

Install the library (which should also download the Angular & office-ui-fabric libraries as they are configured as dependencies:

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

NuGet

Install the library (which should also download the AngularJS.Core & OfficeUiFabric libraries as they are configured as dependencies.

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). If you install from Bower, NPM or NuGet, the dependencies are pulled in for you.

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 & Anuglar 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 request 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, submit an issue or jump in the .

Contributing to the Project

We want help! Please take a look at the Contribution Guide for guidelines 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, request an invite.