Angular UI Build Status Stories in Ready Coverage Status

Port of Angular-UI to Dart.

Look at Demo page for this project.

You may be interesting in check out Material Design Theme for this project.

Quick-Start

Include the following code to your index.html

<!-- Latest compiled and minified bootsrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- Optional bootstrap theme CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
<!-- angular ui CSS -->
<link rel="stylesheet" href="packages/angular_ui/css/angular.css">
<!-- your own CSS file -->
<link rel="stylesheet" href="style.css">

Add the angular-ui module in your main.dart

import 'package:angular/angular.dart';
import 'package:angular/application_factory.dart';
import 'package:angular_ui/angular_ui.dart';

void main() {
  applicationFactory()
    .addModule(new AngularUIModule()) // The angular-ui module
    .addModule(new MainModule()) // Your own module
    .run();
}

Use the angular-ui components as described below or in the demo.

##Bootstrap directives and components

  • Checkbox and RadioButton
  • DropdownToggle
  • Collapse
  • Alert
  • ProgressBar
  • Modal
  • Accordion
  • Rating
  • Datepicker (partially implemented)
  • Tabs
  • Drag and Drop support
  • Carousel
  • Timepicker
  • Pagination
  • Tooltip
  • Popover
  • Typehead

Note: Drag and Drop support is experimental feature and API can be changed at any time in the future.

##Credits

Libraries

angular.ui
angular.ui.accordion
angular.ui.alert
angular.ui.buttons
angular.ui.carousel
angular.ui.collapse
angular.ui.datepicker
angular.ui.dbl_click_preventer
angular.ui.dragdrop
angular.ui.dropdown_toggle
angular.ui.modal
angular.ui.pagination
angular.ui.popover
angular.ui.progressbar
angular.ui.rating
angular.ui.tabs
angular.ui.timeout
angular.ui.timepicker
angular.ui.tooltip
angular.ui.transition
angular.ui.typeahead
angular.ui.utils
angular.ui.utils.content_append
angular.ui.utils.extend
angular.ui.utils.injectable_service
angular.ui.utils.position