<commit_before># ng2_strap

Native Angular2 Dart directives for Bootstrap

Works with Bootstrap 3

# Getting Started

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

2\. Add `ng2_strap` to `pubspect.yaml`:
    
```yaml
dependencies:
    ...
    ng2_strap: any
    ...
```

3\. Add sass transformer:

```yaml
dependencies:
    ...
    sass: any
    ...
transformers:
- sass
```

> you need to [install sass](http://sass-lang.com/install) previously


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

```html
<head>
    ...
    <link rel="stylesheet" href="packages/ng2_strap/styles/ng2_strap.css">
    ...
</head>
```

5\. Add needed `ng2_strap` directives to your components:

```dart
@Component(
    ...
    directives: const [N2S_ACCORDION_DIRECTIVES])
```

# Usage & Demo

http://dart-league.github.io/ng2_strap/

## Components

- [x] [Accordion](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [Alert](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [Buttons](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [Carousel](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [Collapse](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [DatePicker](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [DatePickerPopup](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [Dropdown](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [Modal](http://dart-league.github.io/ng2_strap/#modal)
- [x] [Pagination](http://dart-league.github.io/ng2_strap/#accordion)
- [ ] Popover
- [x] [Progressbar](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [Rating](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [Tabs](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [Timepicker](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [Tooltip](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [Typeahead](http://dart-league.github.io/ng2_strap/#accordion)

- [x] NgTransclude - to transclude templates
- [x] positional service

## Contribution

Please read central `ng2` modules [readme](https://github.com/valor-software/ng2-plans) for details, plans and approach and welcome :)

[Create new issues](https://github.com/luisvt/ng2_strap/issues/new)

[Fork me](https://github.com/luisvt/ng2_strap/issues#fork-destination-box)


### TODO
- [ ] support animation  (in progress...)
- [x] demo page
- [x] docs
<commit_msg>add gitter badge<commit_after># ng2_strap

[![Join the chat at https://gitter.im/dart-league/ng2_strap](https://badges.gitter.im/dart-league/ng2_strap.svg)](https://gitter.im/dart-league/ng2_strap?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

Native Angular2 Dart directives for Bootstrap

Works with Bootstrap 3

# Getting Started

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

2\. Add `ng2_strap` to `pubspect.yaml`:
    
```yaml
dependencies:
    ...
    ng2_strap: any
    ...
```

3\. Add sass transformer:

```yaml
dependencies:
    ...
    sass: any
    ...
transformers:
- sass
```

> you need to [install sass](http://sass-lang.com/install) previously


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

```html
<head>
    ...
    <link rel="stylesheet" href="packages/ng2_strap/styles/ng2_strap.css">
    ...
</head>
```

5\. Add needed `ng2_strap` directives to your components:

```dart
@Component(
    ...
    directives: const [N2S_ACCORDION_DIRECTIVES])
```

# Usage & Demo

http://dart-league.github.io/ng2_strap/

## Components

- [x] [Accordion](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [Alert](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [Buttons](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [Carousel](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [Collapse](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [DatePicker](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [DatePickerPopup](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [Dropdown](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [Modal](http://dart-league.github.io/ng2_strap/#modal)
- [x] [Pagination](http://dart-league.github.io/ng2_strap/#accordion)
- [ ] Popover
- [x] [Progressbar](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [Rating](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [Tabs](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [Timepicker](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [Tooltip](http://dart-league.github.io/ng2_strap/#accordion)
- [x] [Typeahead](http://dart-league.github.io/ng2_strap/#accordion)

- [x] N2sTransclude - to transclude templates
- [x] positional service

## Contribution

Please read central `ng2` modules [readme](https://github.com/valor-software/ng2-plans) for details, plans and approach and welcome :)

[Create new issues](https://github.com/luisvt/ng2_strap/issues/new)

[Fork me](https://github.com/luisvt/ng2_strap/issues#fork-destination-box)


### TODO
- [ ] support animation  (in progress...)
- [x] demo page
- [x] docs

{'fraction_non_alphanumeric': 0.1903921568627451, 'fraction_numerical': 0.014901960784313726, 'mean_word_length': 4.080677290836653, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 11, 'https://': 11, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5574233', 'n_tokens_mistral': 2066, 'n_tokens_neox': 1933, 'n_words': 299}