JSPM

ng2-bootstrap

0.48.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 9781
  • Score
    100M100P100Q24267F
  • License MIT

angular2 bootstrap components

Package Exports

  • ng2-bootstrap/components/position
  • ng2-bootstrap/ng2-bootstrap

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (ng2-bootstrap) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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