Menu
Menus display a list of actions or options that a user can choose.

Installation

In the terminal, run the following command to begin:
npx hq-kit add menu

Basic

Respect Screen

By default, the menu will respect the screen size, when it lower than 768px, it will be displayed as a modal slide from the bottom. You can disable this behavior by setting respectScreen to false.

When respectScreen is set to true (which is default), the menu renders in a drawer, but it only supports one submenu. If you try to open a second submenu, the modal will close, so use this feature with caution.

Danger

With Icon

Collection

Multiple Selection Menu

Single Selection Menu

Section Menu

Section Level Selection Menu

With Header

Item Details

Disabled