ng2-bootstrap

ng2-bootstrap

Native Angular2 directives for Bootstrap, works with Bootstrap 3 and 4-alfa

Goal: smooth transition from ui-bootstrap to angular2, all components will have same API

Follow to be notified about new releases: twitter

Usage & Demo

http://valor-software.github.io/ng2-bootstrap/

If you need more modules check here

Starter packages

With webpack: https://github.com/valor-software/angular2-bootstrap-starter

With gulp: pkozlowski-opensource/ng2-play

With angular2-seed: mgechev/angular2-seed

Install from npm

npm i ng2-bootstrap --save

Quick start

import {Alert} from 'ng2-bootstrap/ng2-bootstrap';

@Component({
  selector: 'app'
})
@View({
  template: `
    <alert type="info">ng2-bootstrap hello world!</alert>
    This is a webpack sample:
  `,
  directives: [
    Alert
  ]
})
export class Home {
}

Components

• Accordion

• Alert

• Buttons

• Carousel

• Collapse

• [+-] Datepicker (Datepicker popup not implemented)

• Dropdown

• Modal (in progress...)

• Pagination

• Popover

• Progressbar

• Rating

• Tabs

• Timepicker

• [+-] Tooltip

• Typeahead

• NgTransclude - to transclude templates

• positional service

• template url support

Contribution

Please read central ng2 modules readme for details, plans and approach and welcome :)

TODO

• find a better way to detect is event handler is set (see alerts.ts)
• support templateUrl for directives
• support animation (in progress...)
• demo page
• docs
• publish to npm