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