ng_bootstrap

Join the chat at https://gitter.im/dart-league/ng_bootstrap

Usage & Demo

Getting Started

1\. Create a new angular2-dart app: https://angular.io/docs/dart/latest/quickstart.html

2\. Add ng_bootstrap to pubspect.yaml:

dependencies:
    ...
    ng_bootstrap: any
    ...

3\. Add sass transformer:

dependencies:
    ...
    sass: any
    ...
transformers:
- sass

you need to install sass previously

4\. Add css stylesheet link to index.html:

<head>
    ...
    <link rel="stylesheet" href="packages/ng_bootstrap/all.css">
    ...
</head>

5\. Add needed ng_bootstrap directives to your components:

@Component(
    ...
    directives: const [NG_BOOTSTRAP_DIRECTIVES])

Components

  • [x] [Accordion](http://dart-league.github.io/ng_bootstrap/#accordion)
  • [x] [Alert](http://dart-league.github.io/ng_bootstrap/#alert)
  • [x] [Buttons](http://dart-league.github.io/ng_bootstrap/#buttons)
  • [x] [Carousel](http://dart-league.github.io/ng_bootstrap/#carousel)
  • [x] [Collapse](http://dart-league.github.io/ng_bootstrap/#collapse)
  • [x] [DatePicker](http://dart-league.github.io/ng_bootstrap/#datepicker)
  • [x] [DatePickerPopup](http://dart-league.github.io/ng_bootstrap/#datepicker)
  • [x] [Dropdown](http://dart-league.github.io/ng_bootstrap/#dropdown)
  • [x] [Modal](http://dart-league.github.io/ng_bootstrap/#modal)
  • [x] [Pagination](http://dart-league.github.io/ng_bootstrap/#pagination)
  • Popover
  • [x] [Progressbar](http://dart-league.github.io/ng_bootstrap/#progressbar)
  • [x] [Rating](http://dart-league.github.io/ng_bootstrap/#rating)
  • [x] [Tabs](http://dart-league.github.io/ng_bootstrap/#tabs)
  • [x] [Timepicker](http://dart-league.github.io/ng_bootstrap/#timepicker)
  • [x] [Tooltip](http://dart-league.github.io/ng_bootstrap/#tooltip)
  • [x] [Typeahead](http://dart-league.github.io/ng_bootstrap/#typeahead)
  • Grid
  • FileInput
  • ImageInput
  • SignItInput
  • SignInput
  • Charts

  • x BsTemplateOutlet - to transclude templates (Most likely will be removed in future versions)

  • x positional service

Contribution

Create new issues

Fork me

TODO

  • support animation (in progress...)
  • x demo page
  • x docs

Libraries

accordion
alert
bs_dropdown
bs_template_outlet
collapse
n2s_date_picker
ng_bootstrap
pager
pagination
position
progress
radio
rating
tabs
tabsx
timepicker
toggle
tooltip
typeahead