Nested Submenu Menu

Subscription

Dropdown menu whose items open child menus of their own, any number of levels deep — a 'File > Export > Image' pattern. Up/Down traverse the current level, Right opens a submenu and focuses its first item, Left closes it and returns focus to the parent item, Escape closes every open level at once. Each submenu flips to the opposite side when it would render off the viewport edge.

Category: Standard Overlays & Menus
Framework: react
Version: 1.0.2
Peer deps: react

Install

bash

velocityx add standard-nested-submenu-menu

This component is on the Velocity Components subscription. Run velocityx login <your-key> first — subscribe here if you haven't. The licence key is in your receipt email.

Demo

View the live demo on the showcase site ↗

Source

Component source isn't shown here for subscription components — that's the one thing the subscription gates. Install it with the CLI after logging in, or preview the rendered result on the live demo.

Theming

Uses the shared primary-* / accent-* scale — see Theming if colours look unstyled after install.