JSPM

ng2-bootstrap

0.44.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 9781
  • Score
    100M100P100Q24277F
  • 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 Dependency Status devDependency Status

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