Skip to content

osdamv/ng-lightning

 
 

Repository files navigation

ng-lightning

Build Status Sauce Test Status npm version npm Join the chat at https://gitter.im/ng-lightning/ng-lightning

Sauce Test Status

This library contains native Angular 2 components and directives written from scratch in TypeScript using the Lightning Design System CSS framework.

This release is a developer preview. We are looking for community help to find and fix bugs, improve demo site and create new components.

Installation

Install through npm:

npm install --save ng-lightning

If you use SystemJS to load your files, you may want to use our bundle file through unpkg

<script src="https://unpkg.com/[email protected]/ng-lightning.bundle.js"></script>

IE11 support

Unfortunately, IE11 does not support two important features.

  • SVG External Content, used to load SVG icons from a spritemap. In order to support this, you will need to use a small script called svg4everybody.
    Available on npm cdn here.

  • Element.classList on SVG elements, used by Angular's renderer.setElementClass. See here for more information. Use classList.js shim, available on npm cdn here.

Typically, these shims should be placed within the <head> element.

Note: To prevent considerable rendering load in IE11, utilize core-js over es6-shim. See the Angular 2 documentation for more information.

Usage & Demo

http://ng-lightning.github.io/ng-lightning/

Contributing

We are always looking for high quality contributions! Please check the CONTRIBUTING.md doc for guidelines.

Sponsors

Development is supported by ZuluTrade.

Browsers

We support the same browsers and versions supported by both Angular 2 and Salesforce's Lightning Design System.
Cross browser/environment testing is performed through Saucelabs.

About

Native Angular 2 components & directives for Lightning Design System

Resources

License

Contributing

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 79.9%
  • HTML 12.9%
  • JavaScript 6.9%
  • Other 0.3%