@creativefew/ngx-expandable
TypeScript icon, indicating that this package has built-in type declarations

1.1.1 • Public • Published

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.

Package Sidebar

Install

npm i @creativefew/ngx-expandable

Weekly Downloads

5

Version

1.1.1

License

MIT

Last publish

Collaborators

  • jchaney01