ngx-expandable v1.1.0

NgxExpandable

An Angular 2+ component with zero dependencies that animates the visibility of projected content using a boolean flag.

This component is identical to Bootstrap's Collapse or NG Bootstrap's Collapse.

Additional benefits over NG Bootstrap:

• Animates the effect
• Allows customization of the animation duration
• Fewer lines of code as it uses Angular's native animation module

Installation

npm i @creativefew/ngx-expandable

Then add NgxExpandableModule to your imports array in your main app module. Make sure to import it at the top of the file.

Usage

<ngx-expandable [expanded]="false" [duration]="250"> Some content or other components </ngx-expandable>

Just pass a boolean value to the expanded attribute. Duration milliseconds is optional.