@creativefew/ngx-expandable
v1.1.1
Published
An Angular 2+ component that animates the visibility of projected content using a boolean.
Downloads
48
Maintainers
Readme
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.