Menubar

new ac.navigations.MenuBar(
    {
        items: items
    },
    "#cntlDefaultMenubar"
);

<ul id="cntlMenubar"></ul>

const items = [
    {
        text: "File",
        iconCss: "a-icons a-file",
        items: [
            { text: "Open", iconCss: "a-icons a-open" },
            { text: "Save", iconCss: "e-icons a-save" },
            { separator: true },
            { text: "Exit" }
        ]
    },
    {
        text: "Edit",
        iconCss: "a-icons a-edit",
        items: [
            { text: "Cut", iconCss: "a-icons a-cut" },
            { text: "Copy", iconCss: "a-icons a-copy" },
            { text: "Paste", iconCss: "a-icons a-paste" }
        ]
    },
    {
        text: "View",
        items: [
            {
                text: "Toolbars",
                items: [
                    { text: "Menu Bar" }, 
                    { text: "Bookmarks Toolbar" },
                    { text: "Customize" }
                ]
            },
            {
                text: "Zoom",
                items: [
                    { text: "Zoom In" },
                    { text: "Zoom Out" },
                    { text: "Reset" }
                ]
            },
            { text: "Full Screen" }
        ]
    },
    {
        text: "Tools",
        items: [
            { text: "Spelling & Grammar" },
            { text: "Customize" },
            { separator: true },
            { text: "Options" }
        ]
    },
    {
        text: "Help"
    }
];