/ng2-bootstrap

Native Angular2 directives for Bootstrap

Primary LanguageTypeScriptMIT LicenseMIT

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

Code Climate Join the chat at https://gitter.im/valor-software/ng2-bootstrap Dependency Status devDependency Status

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