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.
Watch video Create Reusable Collapse Panel from Scratch in Angular online without registration, duration hours minute second in high quality. This video was added by user Angularistic 02 January 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,559 once and liked it 27 people.