Integrating 3 core components in a single core component

[akashkriz005]

Hello Everyone ! 

There is use case for creating a header component for the application. Planning to move with the navigation component and customising it. How can we include core image component , core search component within navigation component and provide dialog feature within the navigation component ?

How to integrate these dialogues and how to maintain the image component , search component functionalities within navigation ?  

Please advice !

[Rohit_Utreja · Accepted solution]

@akashkriz005 

You can create a custom component and include all these core component directly into your custom component.

if you want to overwrite some properties of these core component based on your use-case, create a proxy in your project and use sling resource merger concept.

to include core component in your custom component, use data-sly-resource.

I hope it helps.