This Angular v21 project illustrates using shared components across various views in the application. Also, the views using the shared components can customize the style set in the parent component.
The shared compents are:
- A Panel and
- A Close icon in the top right corner of the Panel.
- Various views of the application embed the Panel component and the Panel component in-turn embeds the Close icon component.
- The views embedding the Panel can customize the style set in the Panel component.
A demo of these features can be seen here.