ng2-bootstrap

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

Follow me at twitter to be notified about new releases.

Usage & Demo

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

If you need more modules check here

Starter packages

With webpack: https://github.com/AngularClass/angular2-webpack-starter

With gulp: pkozlowski-opensource/ng2-play

With angular2-seed: mgechev/angular2-seed

Install from npm

npm i ng2-bootstrap --save

Quick start

Important: angular2 5 min quickstart tutorial is using angular2 0-beta, ng2-bootstrap is already updated for 1-beta, to avoid facing wierd issues, please update following dependecies in package.json

  "dependencies": {
    "angular2": "2.0.1-beta.0",
    ...
  }

If you are following Angular2 5 min quickstart guide, just add one line

<!-- index.html -->
<script src="node_modules/ng2-bootstrap/bundles/ng2-bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">

And update your app.component.ts to have following content:

import {Component} from 'angular2/core';
import {Alert} from 'ng2-bootstrap/ng2-bootstrap';

@Component({
  selector: 'my-app',
  directives: [Alert],
  template: `<alert type="info">ng2-bootstrap hello world!</alert>`
})
export class AppComponent {
}

And you are ready to go! :)

API

Check demo for API documentation

Contribution

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