# md-collapse

> Angular 2 Material collapse

Latest version **0.0.1-alpha.1** (published 2016-08-31) · MIT license · 0 weekly downloads

## Install

```sh
npm install md-collapse
pnpm add md-collapse
yarn add md-collapse
bun add md-collapse
```

## Health

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

Positive: has types; no vulnerabilities.

Warnings: low downloads; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.1-alpha.1 |
| Published | 2016-08-31 |
| First published | 2016-08-31 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | dharmeshpipariya |
| Keywords | angular, material, material design, components, collapse |

## Links

- npm: https://www.npmjs.com/package/md-collapse
- Repository: https://github.com/Promact/material2
- Homepage: https://github.com/Promact/material2#readme
- Issues: https://github.com/angular/material2/issues
- npm.io page: https://npm.io/package/md-collapse

## Alternatives

- [@progress/kendo-ooxml](https://npm.io/package/@progress/kendo-ooxml.md) — 152.1K weekly downloads
- [@progress/kendo-react-ripple](https://npm.io/package/@progress/kendo-react-ripple.md) — 8.0K weekly downloads
- [@progress/kendo-react-orgchart](https://npm.io/package/@progress/kendo-react-orgchart.md) — 4.3K weekly downloads
- [@praxisui/dynamic-fields](https://npm.io/package/@praxisui/dynamic-fields.md) — 2.4K weekly downloads
- [@progress/kendo-vue-listbox](https://npm.io/package/@progress/kendo-vue-listbox.md) — 932 weekly downloads

## Recent versions

- 0.0.1-alpha.1 (latest) — 2016-08-31

## README

# md-collapse

Native Angular2 Material Collapse directive

## Installation
`npm install --save md-collapse`

## API

Example:
 
HTML sample code
 ```html
<div [collapse]="isCollapsed">
  Lorum Ipsum Content
</div>
 ```

TS sample code
 ```ts
//app-module.ts

import {MdCollapseModule} from 'md-collapse/collapse';

@NgModule({
  imports: [
    MdCollapseModule,
  ],
  declarations: [
    ...
  ]  
})

//component.ts

...

@Component({
    selector: "..."
})

export class ... {
    
    ...
    
    private isCollapsed: boolean = false;

    ...

}
 ```

### Properties

  - `collapse` - (`?boolean=true`) - It show/hide the collapsible content through toggling.

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