Create Reusable Collapse Panel from Scratch in Angular

Published: 02 January 2022
on channel: Angularistic
1,559
27

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.