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() {
    LightningDart.init() // client env
    .then((_) {
        PageSimple page = PageSimple.create();
        // check example: http://lightningdart.com/exampleForm.html
        page.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 [email protected]

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 ([email protected]) to coordinate efforts. We require the usual contributor license agreement.

Analytics

Libraries

data
display
lightning_ctrl
lightning_dart
lightning_model
messages_all

DO NOT EDIT. This is code generated via package:intl/generate_localized.dart This is a library that looks up messages for specific locales by delegating to the appropriate library.

messages_de

DO NOT EDIT. This is code generated via package:intl/generate_localized.dart This is a library that provides messages for a de locale. All the messages from the main program should be duplicated here with the same function name.

messages_es

DO NOT EDIT. This is code generated via package:intl/generate_localized.dart This is a library that provides messages for a es locale. All the messages from the main program should be duplicated here with the same function name.

messages_fr

DO NOT EDIT. This is code generated via package:intl/generate_localized.dart This is a library that provides messages for a fr locale. All the messages from the main program should be duplicated here with the same function name.

rr
rr_data
structure