Angular directives specific to the Office UI Fabric.
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. ngOfficeUIFabric is modeled after the Google sponsored project Angular Material.
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.
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.
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.
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
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
Install the library (which should also download the AngularJS.Core & OfficeUiFabric libraries as they are configured as dependencies.
Install-Package ng-office-ui-fabric
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.
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!
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
Jump into the ngOfficeUIFabric Slack team to join the discussion... if you aren't a member request an invite.
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 .
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.