lightning 0.10.1+0

Lightning Dart UI Components based on Salesforce Lightning Design System

Lightning Dart

Lightning Dart is a library for developing web applications based on the css framework http://www.lightningDesignSystem.com. SLDS provides scss/css, icons and fonts, but no functionality.

Lightning Dart provides the most complete component functionality for slds. Written in Dart it compiles into Javascript ("Dart - the better Javascript"), so the delivery is a "one page apps". You can add business functionality by writing the code in Dart - or in Javascript directly - or any language which can call Javascript.

The Framework is not dependent on salesforce.com functionality and can be used independently.

The Salesforce Lightning Design css framework is similar to Bootstrap but uses more recent css technology and concentrates on building Web Applications, not Web Sites.

Lightning Dart is mainly used to generate the user interface manually or from meta data. In addition to that you can create a traditional html layout and then add the component functionality via Dart or Dart.

Check out the demo

Usage

A simple usage example:

import "package:lightning/lightning.dart";

main() async {
  await LightningDart.init(); // client env
  // example: http://lightningdart.com/exampleForm.html
  LightningDart.createPageSimple()
    ..add(...content...);
}

For more details, see documentation

• for component code, check the Source tabs in http://lightningdart.com
• for form with code, check subscribe form example
• our blog of our Lightning Experience journey

Structure

Lightning Dart is split up into three parts

• View - library lightning_dart with entry point LightningDart - can be used independently and provides individual component level functionality
• Model - library lightning_model uses Protocol Buffers for efficient language independent serialization
• Controller - library lightning_ctrl with entry point LightningCtrl (instantiates view, ...) provides component group functionality

Status, features and bugs

The Component Demo http://lightningdart.com provides the implementation status per component.

Please file feature requests and bugs at the issue tracker or send an email to [e-mail].

Colaboration

We welcome help and contributions. The current status of the underlying design system (css) is in flux and can change quickly. So it is best to contact us first ([e-mail]) to coordinate efforts. We require the usual contributor license agreement.