GGamma

Design catalogue

Source atlas

Components23 results

ComponentsNavigation

Quick command

A searchable action dialog with grouped results and keyboard navigation.

Open in Gamma

What to study

  • Search filters labels, groups, descriptions, and keywords.
  • Arrow keys change the active result; Enter runs it; Escape closes the native dialog.
  • The explorer demo leaves the optional global shortcut off because Gamma uses ⌘/Ctrl K for library search.

Topics

References

Material

Status
New
Source File
src/components/QuickCommand.tsx
Design System
gamma
Props
  • Name
    items
    Type
    QuickCommandItem[]
    Default
    —
    Description
    Commands with unique IDs, labels, and groups.
  • Name
    onSelect
    Type
    (item) => void
    Default
    —
    Description
    Runs a selected command in the host app.
  • Name
    shortcut
    Type
    boolean
    Default
    false
    Description
    Enables ⌘/Ctrl K where it does not conflict with the host.