Multi select checkbox drop down with filter and grouping option

Hi I want to create a custom Multi select checkbox drop down with filter and grouping option.Plesae help how i can create . i have belwo tyrp json structure .

want similar functionality like https://ej2.syncfusion.com/angular/demos/?_ga=2.264963407.1367677121.1574928237-1520719253.1574841443#/material/multi-select/grouping-with-checkbox

with belwo structure 

[{
        name: “Vegetables”,
        entries: [{
            vegname: “Cucumber”,
            refNo: 00000
        }, {
            vegname: “Lettuce”,
            refNo: 00001
        }, {
            vegname: “Cabbage”,
            refNo: 00002
        }]
    }, {
        name: “Fruits”,
        entries: [{
            vegname: “Banana”,
            refNo: 10000
        }, {
            vegname: “Tomato”,
            refNo: 10001
        }, {
            vegname: “Kiwi”,
            refNo: 10002
        }]
    
    }];

Could you tell us how you are trying to accomplish this? If the demo you reference doesn’t give you the answer, then I have to guess you are trying to use something besides syncfusion’s platform.

HTML? CSS? Javascript? Something else?