tazaka / ng2-bootstrap

Native Angular2 directives for Bootstrap

Home Page:http://valor-software.github.io/ng2-bootstrap/index-bs4.html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ng2-bootstrap npm version

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

Follow me at twitter to be notified about new releases.

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

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 :)

About

Native Angular2 directives for Bootstrap

http://valor-software.github.io/ng2-bootstrap/index-bs4.html

License:MIT License


Languages

Language:TypeScript 77.9%Language:HTML 11.1%Language:CSS 8.9%Language:JavaScript 2.2%