Skip to content
Port of Angular-UI to Dart.
Dart HTML Other
Find file

README.md

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 descrpied 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

Something went wrong with that request. Please try again.