How to implement sub items with DropdownList

[Ton That Hung]

Hi Syncfusion Team, 
I'm using the DropdownList component and I want to implement sub-items (view image) on it.

Do you have a way to reach my requirement?
Thanks in advance for your help.
Best regards.

[YuvanShankar Arunagiri]

Hi Ton,

We have checked your reported query and prepared the sample based on your requirement. Using the Dropdown List component, we can’t achieve your requirement like shown in your screenshot. But we can achieve your desired output in Dropdown Button component. kindly refer to the below code snippet and sample link.

UG link: https://ej2.syncfusion.com/react/documentation/drop-down-button/popup-items

Using the popup templating feature, we can set the Menu component within the Dropdown Button popup shown as below.

<DropDownButtonComponent content="Content" target='#target'></DropDownButtonComponent>

……

<div id="target">

                        <MenuComponent items={menuItems} orientation="Vertical"/>

                        </div>

Output screenshot:

Sample link: https://stackblitz.com/edit/react-pwktk1?file=index.js

Get back to us if you need any further assistance on this. 

Regards,

YuvanShankar A

[Ton That Hung]

Thanks for your support.

[YuvanShankar Arunagiri]

You are welcome, Ton. Please get back to us if you need any further assistance on this.

If that post is helpful, please consider accepting it as the solution so that other members can locate it more quickly.