Which syncfusion component is this container

[Me]

Hello,

In Syncfusion Angular 2 examples I see that you have everywhere a container (like picture below), is there a specific component for that? If no, is there a simple way to create it?

[Subha Shree Ramanathan]

Hi Me , 

We achieved the container using HTML tags and styles in our Angular 2 sample browser. We can also achieve the same appearance using ejAccordion component with single item. Refer to the below code snippet. 

<ej-accordion> 

    <h3> 

        <a rel='nofollow' href="#">{{sampleName}}</a> 

    </h3> 

    <div> 

        <main> 

            <router-outlet></router-outlet> 

        </main> 

    </div> 

</ej-accordion> 

    

The sample name(URL hash value) act as header and routing component will be the content for ejAccordion component. 

We have prepared Angular 2 application to achieve the requirement. 

 sample 

Refer the below links to know more about ejAccordion component. 

UG Documentation: https://help.syncfusion.com/js/accordion/  

API Documentation: https://help.syncfusion.com/api/js/ejaccordion 

Please let us know if you need further assistance on this. 

Regards, 

Subha Shree D.R