Interface RovingMenuProps

Properties supported when creating a new menu via useRovingMenu.

interface RovingMenuProps {
    active?: boolean;
    orientation?: "vertical" | "horizontal";
    wrap?: boolean;
}

Properties

active?: boolean

Whether the menu is active. Only active menus are focusable by the user through keyboard navigation.

Default: true

orientation?: "vertical" | "horizontal"

Configures the orientation of the menu (default: horizontal).

Horizontal menus can be navigated using left/right, vertical menus use up/down.

wrap?: boolean

Wrap around when pressing an arrow key at the start or the end of the menu.

Default: true.