Menu

Preview

Coding

js <script defer>

import { Menu } from 'gadjet/dist/module/gadjet.bundle.js';

Menu.define('el-menu');
Menu.tagStyle({
    activeColor: 'blue',
    arrowColor: 'blue'
});

html

<el-menu>
<ul>
    <li>
        <a>1</a>
        <ul>
            <li>
                <a>1-1</a>
                <ul>
                    <li><a>1-1-1</a></li>
                    <li><a>1-1-2</a></li>
                </ul>
            </li>
            <li>
                <a>1-2</a>
                <ul>
                    <li><a>1-2-1</a></li>
                </ul>
            </li>
        </ul>
    </li>
    <li>
        <a>2</a>
        <ul>
            <li>
                <a>2-1</a>
                <ul>
                    <li><a>2-1-1</a></li>
                </ul>
            </li>
            <li>
                <a>2-2</a>
            </li>
        </ul>
    </li>
</ul>
</el-menu>