Create Reusable Collapse Panel from Scratch in Angular

Published: 02 January 2022
on channel: Angularistic
1,614
28

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.


On this page of the site you can watch the video online Create Reusable Collapse Panel from Scratch in Angular with a duration of hours minute second in good quality, which was uploaded by the user Angularistic 02 January 2022, share the link with friends and acquaintances, this video has already been watched 1,614 times on youtube and it was liked by 28 viewers. Enjoy your viewing!