@inkline/inkline/src/components/IDropdown/examples/nested.html

Inkline is the Vue.js UI/UX Library built for creating your next design system

<i-dropdown>
    <i-button>Dropdown</i-button>
    <template #body>
        <i-dropdown placement="right">
            <i-dropdown-item>Dropdown here</i-dropdown-item>
            <template #body>
                <i-dropdown-item>Action</i-dropdown-item>
                <i-dropdown-item>Another action</i-dropdown-item>
                <i-dropdown-item disabled>Disabled action</i-dropdown-item>
                <i-dropdown-divider />
                <i-dropdown-item>Separated item</i-dropdown-item>
            </template>
        </i-dropdown>
        <i-dropdown-item>Another action</i-dropdown-item>
        <i-dropdown-item disabled>Disabled action</i-dropdown-item>
        <i-dropdown-divider />
        <i-dropdown-item>Separated item</i-dropdown-item>
    </template>
</i-dropdown>