ng_bootstrap 0.3.1 
ng_bootstrap: ^0.3.1 copied to clipboard
Angular 2 and Bootstrap 4
ng_bootstrap #
Getting Started #
1. Create a new angular2-dart app: https://angular.io/docs/dart/latest/quickstart.html
2. Add ng_bootstrap to pubspect.yaml:
dependencies:
...
ng_bootstrap: any
...
3. Add sass transformer:
dependencies:
...
sass_transformer: any
...
transformers:
- sass_transformer
you need to install sass previously
4. Add css stylesheet link to index.html:
<head>
...
<link rel="stylesheet" href="packages/ng_bootstrap/all.css">
...
</head>
5. Add needed ng_bootstrap directives to your components:
@Component(
...
directives: const [NG_BOOTSTRAP_DIRECTIVES])
Components #
- ✅ Accordion
- ✅ Alert
- ✅ Buttons
- ✅ Carousel
- ✅ Collapse
- ✅ DatePicker
- ✅ DatePickerPopup
- ✅ Dropdown
- ✅ Modal
- ✅ Pagination
- ❌ Popover
- ✅ Progressbar
- ✅ Rating
- ✅ Tabs
- ✅ Timepicker
- ✅ Tooltip
- ✅ Typeahead
- ✅ Grid/Table
- ❌ FileInput
- ❌ ImageInput
- ❌ SignItInput
- ❌ SignInput
- ❌ Charts
- ❌ Header Bar
- ❌ Scafold - Base Layout
Others #
- ✅ BsTemplateOutlet - to transclude templates (Most likely will be removed in future versions)
- ✅ positional service
Contribution #
TODO #
- ❌ support animation (in progress...)
- ✅ demo page
- ✅ docs
Metadata
3
likes
0
points
82
downloads
Publisher
unverified uploader
Weekly Downloads
Metadata
Angular 2 and Bootstrap 4
Repository (GitHub)
View/report issues
License
unknown (license)
Dependencies
angular2, bootstrap_sass, browser, dart_to_js_script_rewriter, dson, font_awesome, intl, markdown, node_shims, reflectable, sass_transformer, stream_transformers
](https://gitter.im/dart-league/ng_bootstrap?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)](https://gitter.im/dart-league/ng_bootstrap%5D(https://badges.gitter.im/dart-league/ng_bootstrap.svg)%5D(https://gitter.im/dart-league/ng_bootstrap?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)){kind=link}