ng2_strap
ng2_strap copied to clipboard
Native Angular2 directives for Bootstrap
ng2_strap (Deprecated)
Please use ng_bootstrap
Native Angular2 Dart directives for Bootstrap
Works with Bootstrap 3
Getting Started
1. Create a new angular2-dart app: https://angular.io/docs/dart/latest/quickstart.html
2. Add ng2_strap
to pubspect.yaml
:
dependencies:
...
ng2_strap: any
...
3. Add sass transformer:
dependencies:
...
sass: any
...
transformers:
- sass
you need to install sass previously
4. Add css stylesheet link to index.html
:
<head>
...
<link rel="stylesheet" href="packages/ng2_strap/styles/ng2_strap.css">
...
</head>
5. Add needed ng2_strap
directives to your components:
@Component(
...
directives: const [N2S_ACCORDION_DIRECTIVES])
Usage & Demo
http://dart-league.github.io/ng2_strap/
Components
-
[x] Accordion
-
[x] Alert
-
[x] Buttons
-
[x] Carousel
-
[x] Collapse
-
[x] DatePicker
-
[x] DatePickerPopup
-
[x] Dropdown
-
[x] Modal
-
[x] Pagination
-
[ ] Popover
-
[x] Progressbar
-
[x] Rating
-
[x] Tabs
-
[x] Timepicker
-
[x] Tooltip
-
[x] Typeahead
-
[x] N2sTransclude - to transclude templates
-
[x] positional service
Contribution
Please read central ng2
modules readme for details, plans and approach and welcome :)
TODO
- [ ] support animation (in progress...)
- [x] demo page
- [x] docs