@infinite-ux/core NPM

Infinite Ux PC/MAC Widgets

Welcome to the PC/MAC widgets for Infinite UX. This library is being built by the Studio team. Anyone who wants to develop a UI using the Infinite UX widget can leverage this package

Demo

View the sample app in action at http://infinite-ux.herokuapp.com/

Dependencies

Angular (tested with 2.3.1)
Angular-cli

Installation

As this package is a private package, you need to be part of the @infinite-ux organization in order to fetch this package. Just ask Francois D'Agostini (frdagost@cisco.com) to get access.

After installing the above depdendencies, install @infinite-ux/core via:

npm login
npm install --save @infinite-ux/core

Then you should create a new application using angular -cli. In this application, you should modify the Angular-cli.json file to add the global styles and scripts needed by the widgets:

"styles": [
        "../node_modules/@infinite-ux/core/src/cisco-icon/cisco-icon.scss",
        "../node_modules/@infinite-ux/core/src/cisco-sans/cisco-sans.scss",
        "../node_modules/@infinite-ux/core/src/styles/iux.scss"
      ],
      "scripts": [
        "../node_modules/jquery/dist/jquery.js",
        "../node_modules/tether/dist/js/tether.js",
        "../node_modules/perfect-scrollbar/dist/js/perfect-scrollbar.js",
        "../node_modules/@infinite-ux/core/src/assets/web-animations.min.js",
        "../node_modules/@infinite-ux/core/src/assets/hls-js/hls.js",
        "../node_modules/@infinite-ux/core/src/assets/hammer.min.js"
      ],

Alternatively, you can use the Starter-kit which is automating all that