ng-office-ui-fabric

    0.16.1 • Public • Published

    MIT license npm version bower version NuGet version

    This repo is for the distribution of the ngOfficeUiFabric on npm and bower. The source for this module is in the main ngOfficeUiFabric repo. Please submit issues and pull requests against that repo.

    June 2018 - Now in Archive Mode

    As of June 2018, this project is now in archive mode. This means there are is no planned work / updates for this project going forward. This project was 100% run and maintained by the community. As most of the world has moved on from AngularJS (v1.x) to Angular (v6) at the time of this update, we have decided to archive this project. There will be no more updates.

    At this time there are no updates planned on supporting Angular 6.

    Installing ngOfficeUiFabric

    You can install this package locally either with npm, bower or NuGet.

    npm

    # To install latest stable release 
    npm install ng-office-ui-fabric
     
    # To install latest stable release and update package.json 
    npm install ng-office-ui-fabric --save
     
    # To install from HEAD of master 
    npm install https://github.com/ngofficeuifabric/package-ngofficeuifabric/tarball/master

    bower

    # To get the latest stable version, use bower from the command line. 
    bower install ng-office-ui-fabric
     
    # To get the most recent, last committed-to-master version use: 
    bower install ng-office-ui-fabric#master
     
    # To save the bower settings for future use: 
    bower install ng-office-ui-fabric --save

    NuGet

    # To get the latest stable version, use NPM from the Package Manager Console or 
    #   the NuGet Package Manager wizard in Visual Studio 
    Install-Package ng-office-ui-fabric

    Please note that ngOfficeUiFabric requires AngularJS 1.6.5 or higher & Office UI Fabric 2.6.3.

    CDN

    Hosting facilitated by CDNJS, a community driven CDN. Get a link to the desired version of ngOfficeUiFabric from here: https://cdnjs.com/libraries/ngOfficeUiFabric:

    Using the ngOfficeUiFabric Library

    Now that you have installed the ngOfficeUiFabric libraries, simply include the scripts and stylesheet in your main HTML file, in the order shown in the example below. Note that npm will install the files under /node_modules/ng-office-ui-fabric/ and bower will install them under /bower_components/ng-office-ui-fabric/.

    npm

    <!DOCTYPE html>
    <html>
    <head>
      <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
      <!-- add Office UI Fabric stylesheets (there are minified options too) -->
      <link rel="stylesheet" href="/node_modules/office-ui-fabric/fabric.css">
      <link rel="stylesheet" href="/node_modules/office-ui-fabric/fabric.components.css">
    </head>
    <body ng-app="YourApp">
     
      <div ng-controller="YourController">
        ..
      </div>
     
      <!-- add angular & ngOfficeUiFabric (there are minified options too) -->
      <script src="/node_modules/angular/angular.js"></script> 
      <script src="/node_modules/ng-office-ui-fabric/ngOfficeUiFabric.js"></script> 
      <script type="text/javascript"> 
        // Include app dependency on ngOfficeUIFabric
        angular.module('YourApp', [
            'officeuifabric.core',
            'officeuifabric.components'
          ])
          .controller('YourController', YourController);
     
      </script> 
     
    </body>
    </html>

    bower

    <!DOCTYPE html>
    <html>
    <head>
      <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
      <!-- add Office UI Fabric stylesheets (there are minified options too) -->
      <link rel="stylesheet" href="/bower_components/office-ui-fabric/fabric.css">
      <link rel="stylesheet" href="/bower_components/office-ui-fabric/fabric.components.css">
    </head>
    <body ng-app="YourApp">
     
      <div ng-controller="YourController">
        ..
      </div>
     
      <!-- add angular & ngOfficeUiFabric (there are minified options too) -->
      <script src="/bower_components/angular/angular.js"></script> 
      <script src="/bower_components/ng-office-ui-fabric/ngOfficeUiFabric.js"></script> 
      <script type="text/javascript">
        // Include app dependency on ngOfficeUIFabric
        angular.module('YourApp', [
            'officeuifabric.core',
            'officeuifabric.components'
          ])
          .controller('YourController', YourController);
     
      </script> 
     
    </body>
    </html>

    NuGet

    <!DOCTYPE html>
    <html>
    <head>
      <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
      <!-- add Office UI Fabric stylesheets (there are minified options too) -->
      <link rel="stylesheet" href="/content/fabric.css">
      <link rel="stylesheet" href="/content/fabric.components.css">
    </head>
    <body ng-app="YourApp">
     
      <div ng-controller="YourController">
        ..
      </div>
     
      <!-- add angular & ngOfficeUiFabric (there are minified options too) -->
      <script src="/scripts/angular.js"></script> 
      <script src="/scripts/ngOfficeUiFabric.js"></script> 
      <script type="text/javascript">
        // Include app dependency on ngOfficeUIFabric
        angular.module('YourApp', [
            'officeuifabric.core',
            'officeuifabric.components'
          ])
          .controller('YourController', YourController);
     
      </script> 
     
    </body>
    </html>

    Install

    npm i ng-office-ui-fabric

    DownloadsWeekly Downloads

    20

    Version

    0.16.1

    License

    MIT

    Unpacked Size

    1.05 MB

    Total Files

    7

    Last publish

    Collaborators

    • andrewconnell
    • ngfabricbot