haxe
            var menuBar = main.findComponent("menu-bar", MenuBar);
            var tools = menuBar.findComponent("tools", Menu);
            var nm = new MenuItem();
            nm.text = "bob";
            tools.addComponent(nm);
            
            var sub = tools.findComponent("sub", Menu);
            var nm = new MenuItem();
            nm.text = "bob2";
            sub.addComponent(nm);
            
            menuBar.findComponent("sub", Menu);
            var nm = new MenuItem();
            nm.text = "bob3";
            sub.addComponent(nm);
            
            var subitem = menuBar.findComponent("subitem", MenuItem);
            subitem.text = "bob4";

xml
    <menubar id="menu-bar" width="100%">
        <menu text="File">
            <menuitem id="new" text="New" />
            <menuitem id="export-png" text="Export PNG" />
            <menuitem id="config-scripts-path" text="Configure Scripts Path" />
            <menuitem id="quit" text="Quit" />
        </menu>
        <menu id="tools" text="Tools">
            <menu id="sub" text="Sub">
                <menu-item id="subitem" text="Sub 1" />
            </menu>            
        </menu>
    </menubar>

haxe
main.findComponent("subitem", MenuItem).text = "From root";

haxe
@:build(haxe.ui.macros.ComponentMacros.build("assets/main.xml"))
class MainView extends Box {
    @:bind(subitem.text) public var subItemText:String;
    
    public function new() {
        super();
        subItemText = "bound";
    }
}

Toolkit.autoScale=false

Toolkit.init()