oda-framework/tools/containers/menu/index.html

It's an ES Progressive Framework based on the technology of Web Components and designed especially for creating custom UI/UX of any complexity for web and cross-platform PWA mobile applications.

<meta charset="UTF-8">
<oda-menu-tester></oda-menu-tester>
<script type="module">
    import '../../../oda.js';
    import "../containers.js";
    ODA({is:'oda-menu-tester',
        template:`
            MENU TESTER
        `,
        $listeners:{
            contextmenu(e){
                e.preventDefault();
                ODA.showMenu({
                    title: 'MENU',
                    items: [{
                            icon: 'icons:warning',
                            label: 'first'
                        },{
                            label: 'second',
                            items: [
                                {
                                    label: '1. second',
                                    items: [
                                        {
                                            label: '1. second',
                                        },
                                        {
                                            label: '2. second',
                                            items: [
                                                {
                                                    label: '1. second',
                                                },
                                                {
                                                    label: '2. second',
                                                    items: [
                                                        {
                                                            label: '1. second',
                                                        },
                                                        {
                                                            label: '2. second',
                                                        }
                                                    ]
                                                }
                                            ]
                                        }
                                    ]
                                },
                                {
                                    label: '2. second',
                                    items: [
                                        {
                                            label: '1. second',
                                        },
                                        {
                                            label: '2. second',
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                })
            }
        }
    })
</script>