Interface NestedRovingMenuProps

Properties supported when creating a new nested menu via useNestedRovingMenu.

interface NestedRovingMenuProps {
    active?: boolean;
    orientation?: "vertical" | "horizontal";
    value: string;
    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.

value: string

The value of the menu within its parent menu.

wrap?: boolean

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

Default: true.