Menu

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

Installation

CLI

Manual

In the terminal, run the following command to begin:

npx hq-kit add menu

Basic

View

Code

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.

View

Code

View

Code

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

View

Code

With Icon

View

Code

Collection

View

Code

View

Code

View

Code

View

Code

View

Code

With Header

View

Code

Item Details

View

Code

Disabled

View

Code