# ngx-treeview-bambam

> An Angular treeview component with checkbox compatible font awesome 5

Latest version **6.0.7** (published 2018-10-15) · MIT license · 0 weekly downloads

## Install

```sh
npm install ngx-treeview-bambam
pnpm add ngx-treeview-bambam
yarn add ngx-treeview-bambam
bun add ngx-treeview-bambam
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 6.0.7 |
| Published | 2018-10-15 |
| First published | 2018-10-14 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 105 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 359 |
| Author | Raphael Barrios |
| Maintainers | barriosraphael |
| Keywords | ng, ngx, angular, ngx-treeview, tree, treeview, tree-view, checkbox, dropdown, recursive, angular tree component |

## Links

- npm: https://www.npmjs.com/package/ngx-treeview-bambam
- Repository: https://github.com/leovo2708/ngx-treeview
- Homepage: https://github.com/leovo2708/ngx-treeview#readme
- Issues: https://github.com/leovo2708/ngx-treeview/issues
- npm.io page: https://npm.io/package/ngx-treeview-bambam

## Alternatives

- [angular-pipes](https://npm.io/package/angular-pipes.md) — 5.6K weekly downloads
- [@ng-web-apis/midi](https://npm.io/package/@ng-web-apis/midi.md) — 2.6K weekly downloads
- [happn-3](https://npm.io/package/happn-3.md) — 1.6K weekly downloads
- [@opensip-cli/lang-go](https://npm.io/package/@opensip-cli/lang-go.md) — 1.2K weekly downloads
- [mongoose-typescript](https://npm.io/package/mongoose-typescript.md) — 85 weekly downloads

## Recent versions

- 6.0.7 (latest) — 2018-10-15
- 6.0.6 — 2018-10-15
- 6.0.5 — 2018-10-15
- 6.0.4 — 2018-10-14
- 6.0.3 — 2018-10-14
- 6.0.2 — 2018-10-14
- 6.0.1 — 2018-10-14

## README

# ngx-treeview-bambam

An Angular treeview component with checkbox

## Dependencies

* [Angular](https://angular.io)
* [Lodash](https://lodash.com)
* [Bootstrap 4](https://getbootstrap.com)
* [Font Awesome 5](http://fontawesome.io)

## Features

* Unlimited tree level
* State: disabled / collapse, expand
* Filtering
* Internationalization (i18n) support
* Template
* Checkbox with tri-state

## Installation

After install the above dependencies, install `ngx-treeview-bambam` via:
```shell
npm install ngx-treeview-bambam --save
```
Once installed you need to import our main module in your application module:
```js
import { TreeviewModule } from 'ngx-treeview-bambam';

@NgModule({
  declarations: [AppComponent, ...],
  imports: [TreeviewModule.forRoot(), ...],  
  bootstrap: [AppComponent]
})
export class AppModule {
}
```

## Usage

#### Treeview:
```html
<ngx-treeview
    [config]="config"
    [items]="items"
    (selectedChange)="onSelectedChange($event)"
    (filterChange)="onFilterChange($event)">
</ngx-treeview>
```

#### Treeview with dropdown:
```html
<ngx-dropdown-treeview
    [buttonClass]="buttonClass"
    [config]="config"
    [items]="items"
    (selectedChange)="onSelectedChange($event)"
    (filterChange)="onFilterChange($event)">
</ngx-dropdown-treeview>
```

 `config` is optional. This is the default configuration:
 ```js
 {
    hasAllCheckBox: true,
    hasFilter: false,
    hasCollapseExpand: false,
    decoupleChildFromParent: false,
    maxHeight: 500
}
```

---
_Source: https://npm.io/package/ngx-treeview-bambam · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._