Main Menu - Hover Effects

https://www.screencast.com/t/P7vPTn6io

Add a “label” component under “menuBar/item”. You can see the component in the status bar when you click on it. Add a default state and hovered state. In the default state styles add widthBottom: 2 and colorBottom:”transparent”. In the hovered state styles add colorBottom:”green” and you are done.

                        "label": {
                            "states": {
                                "default": {
                                    "styles": {
                                        "widthBottom": 2,
                                        "colorBottom": "transparent"
                                    }
                                },
                                "hovered": {
                                    "styles": {
                                        "colorBottom": "green"
                                    }
                                }
                            }
                        }