Command
A command is like a button with a twist, it opens a menu of options. It's a cooler version of a combobox, ideal for command palettes, menus, and more.
Installation
CLI
Manual
npx hq-kit add command
Basic
Note that if your Command.Item
has an Icon, you should wrap the label with Command.Label
and pass the textValue
prop so it can be filtered by search.
Preview
Code
Home
Documentation
Blocks
Icons
Colors
Collection and Section
Preview
Code
Home
Documentation
Trigger by Keyboard
Preview
Code
Danger
Preview
Code
System Shutdown
Format Disk
Restart Service
Empty Trash
Overwrite File
Reset Factory Settings
Disconnect Network
Controlled
Use it like a Menu or ListBox.
Preview
Code
Ubuntu
Debian
Fedora
Arch
CentOS
Gentoo
OpenSuse
Redhat
FreeBSD
NetBSD
{"selected":[1]}
Asycn Loading
Preview
Code
No results found
Action on Select
<Command.Item onAction={() => console.log('Hello World!')} />