README.md

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

Usage & Demo

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

If you need more modules check here

Starter package

You can start hacking by cloning starter repo: https://github.com/valor-software/angular2-bootstrap-starter

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