Menu
Menus display a list of actions or options that a user can choose.
Installation
CLI
Manual
npx hq-kit add menu
Basic
Preview
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
.
Preview
Code
Sub Menu
Preview
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
Preview
Code
With Icon
Preview
Code
Collection
Preview
Code
Multiple Selection Menu
Preview
Code
Single Selection Menu
Preview
Code
Section Menu
Preview
Code
Section Level Selection Menu
Preview
Code
With Header
Preview
Code
Item Details
Preview
Code
Disabled
Preview
Code