The Menubar component can be used to display a menu bar with collapsible menus.
## Component Structure
```rust
// The Menubar component wraps the entire menu bar and contains the individual menus in the order of their index.
Menubar {
// The MenubarMenu contains the individual menus that can be opened.
MenubarMenu {
// The index of the menu, used to determine the order in which menus are displayed.
index: 0,
// The menubar trigger is the element that will display the menu when activated.
MenubarTrigger {
// The content of the trigger button
{children}
}
// The menubar content contains all the items that will be displayed in the menu when it is opened.
MenubarContent {
// Each menubar item represents an individual items in the menu.
MenubarItem {
// The value of the item which will be passed to the on_select callback when the item is selected.
value: "",
on_select: |value: String| {
// This callback is triggered when the item is selected.
// The value parameter contains the value of the selected item.
},
}
}
}
}
```