Create Reusable Collapse Panel from Scratch in Angular
In this video we'll create a reusable collapse panel from scratch using angular.
This example, discusses about content projection and animation in angular. This collapse panel can also be used like an accordion or expansion panel with our own custom styling and animation.
_________________________________________________
Project helper:
https://github.com/Angular-istic/Proj...
_________________________________________________
Commands used:
To generate module : ng g m collapse-panel
To generate components :
ng g c collapse-panel --module collapse-panel --flat true --skip-tests true --export true
ng g c collapse-header --module collapse-panel --flat true --skip-tests true --export true --inline-template true --inline-style true
ng g c collapse-content --module collapse-panel --flat true --skip-tests true --export true --inline-template true --inline-style true
_________________________________________________
Hope you like this video.
If you think there's a better way to improve this code, please let us know in the comments.
If you like this video please subscribe to Angularistic, like and share this video.