MenuBarProviderProps

internal
remarks: @since 5.0.0

Hierarchy

HoverableMenuBar
- MenuBarProviderProps

Index

Properties

children

children: ReactNode

Optional defaultActiveId

defaultActiveId?: string

This is used so that when the user is moving through the MenuBar while a menu is opened, pressing the ArrowLeft or ArrowRight key will:

close the current menu
focus the next menu's toggle element
open the next menu's toggle element
move focus to the first menu item

This should be set to the Menu's id in that the example above. Otherwise it should be omitted.

defaultvalue: ""

Optional hoverTimeout

hoverTimeout?: number

When this is provided and a number greater than 0, this will allow the menus to become visible on hover without clicking a MenuItemButton beforehand. Instead, hovering over a MenuItemButton for this time in milliseconds will display the Menu.

Optional root

root?: boolean

This should be set to false if this is a child of another Menu.

defaultvalue: true
see: MenuBarContext.root