• Stars
    star
    101
  • Rank 326,017 (Top 7 %)
  • Language
    Dart
  • License
    Other
  • Created over 10 years ago
  • Updated about 7 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Port of Angular-UI to Dart.

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

More Repositories

1

ng2-dnd

Angular 2 Drag-and-Drop without dependencies
TypeScript
845
star
2

ng2-slim-loading-bar

Angular 2 component shows slim loading bar at the top of the page.
TypeScript
361
star
3

ng2-toasty

Angular2 Toasty component shows growl-style alerts and messages for your app.
TypeScript
283
star
4

ng2-webpack-demo

A minimal Angular2 playground using TypeScript and Webpack loader to demonstrate the use of different libraries
TypeScript
85
star
5

dart_web_toolkit

Dart Web Toolkit (DWT) is a development toolkit for building and optimizing complex browser-based applications inspired by GWT.
Dart
71
star
6

ionic2-firebase-webrtc

WebRTC with authentication from Firebase build on Ionic 2
TypeScript
45
star
7

angular.dart.material

Material Design implementation on Angular Dart.
CSS
15
star
8

ng2-systemjs-demo

A minimal Angular2 playground using TypeScript and SystemJS loader to demonstrate the use of ng2-dnd, ng2-toasty and ng2-slim-loading-bar
TypeScript
13
star
9

lost_dart

Lost Dart is lightweight dependency injection framework for Dart client and server applications.
Dart
12
star
10

ionic2-pubnub-chat

Chat implementation on Ionic 2 based on PubNub solution
TypeScript
10
star
11

dart_web_toolkit_showcase

Dart Web Toolkit (DWT) Showcase
Dart
9
star
12

angular.dart.ui.demo

Demo project demonstrating the Dart Angular UI elements
JavaScript
9
star
13

ng2-navigation

A configurable, responsive navbar and sidebar components for Angular 2 projects.
TypeScript
4
star
14

recaptcha

ReCaptcha is a Dart library for interfacing with ReCaptcha service
Dart
4
star
15

learning_bootstrap4_angular2

Source code for "Web Development with Bootstrap 4 and Angular 2 - Second Edition", Packt Publishing
TypeScript
4
star
16

dart_web_toolkit_cell

Data presentation widgets for the Dart Web Toolkit
Dart
3
star
17

monomer

A Monomer is Polymer UI library.
Dart
3
star
18

js_proxy

Lite proxy to work with JavaScript in simple and comfortable fashon
Dart
2
star
19

angular.dart.material.demo

Demo project shows Bootstrap Material Design implementation on angular_material library.
CSS
2
star
20

ng2-intro

Introductions for websites and features with a step-by-step guide for Angular 2 projects.
TypeScript
1
star
21

ng2-mockup

Angular 2 tool to create mockups
JavaScript
1
star