Skip to content

zhongzhong0505/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.

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 should adjust your configuration to point our UMD bundle through unpkg

map: {
  ...
  'ng-lightning/ng-lightning': 'https://unpkg.com/ng-lightning@x.x.x/bundles/ng-lightning.umd.js'
}

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.

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

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 80.9%
  • HTML 13.1%
  • JavaScript 5.8%
  • CSS 0.2%