OVERLAY

Command

Command turns navigation and frequent actions into a searchable, keyboard-friendly palette.

PLAYGROUND

Search a real workspace palette

Open the palette and filter across navigation, workspace actions, and account commands. Every item can navigate or invoke a named view function.

Shortcut: ⌘ / Ctrl + K

dowe
signal commandOpen value:false

fn openCommand
  set commandOpen value:true

Command open:commandOpen placeholder:"Search the workspace" shortcut:"k" scheme:"surface"
  item label:"Save current draft" onClick:saveDraft
  group label:"Navigate"
    item label:"Views overview" href:"/docs/views"
    item label:"Back" history:"back"
  group label:"Workspace"
    item label:"Create page" onClick:createPage
    item label:"Locked action" disabled:true

ENTRY MODEL

Compose actions from simple entries

Command owns the searchable surface. item entries provide actions, while group entries add visual sections without changing the selection model.

ITEM

One direct action

Use href for portable navigation, history for back or forward, or onClick for a declared view function.

GROUP

A labeled collection

Group entries keep related actions together and are filtered with the same query as direct items.

ITEM STATE

Disabled when unavailable

disabled:true keeps an action visible for discoverability without allowing selection.

dowe
Command open:paletteOpen
  item label:"Save draft" onClick:saveDraft
  group label:"Navigate"
    item label:"Views" href:"/docs/views" description:"Browse the catalog"
    item label:"Back" history:"back"
  group label:"Workspace"
    item label:"Create page" onClick:createPage
    item label:"Locked action" disabled:true

KEYBOARD CONTRACT

Make the palette easy to learn

Command renders the authored labels for closing, navigating, selecting, and toggling. shortcut is a single ASCII key used by the global launcher unless it is disabled.

VISIBLE FOOTER

Teach the controls

showFooter:true keeps the localized command hints visible at the bottom of the palette.

COMPACT MODE

Let the product own the shortcut

disableGlobalShortcut:true prevents the global key listener when another shell owns keyboard focus.

dowe
Command open:compactOpen placeholder:"Jump to..." shortcut:"j" disableGlobalShortcut:true showFooter:false variant:"outlined" scheme:"muted"
  group label:"Quick access"
    item label:"Views overview" href:"/docs/views"
    item label:"Server overview" href:"/docs/server"

VISUAL SURFACES

Tune the palette to its shell

variant changes the palette surface while scheme controls its design family. The entries and keyboard contract remain the same.

Solid muted

Good for an application-wide launcher.

Soft surface

Useful when the palette belongs to a calm workspace shell.

Outlined info

A visible boundary for an embedded or tool-focused launcher.

dowe
Command open:paletteOpen variant:"solid" scheme:"muted"
  group label:"Navigation"
    item label:"Views" href:"/docs/views"

Command open:paletteOpen variant:"soft" scheme:"surface"
  group label:"Navigation"
    item label:"Views" href:"/docs/views"

Command open:paletteOpen variant:"outlined" scheme:"info"
  group label:"Navigation"
    item label:"Views" href:"/docs/views"

API

Props

Command also accepts applicable common spacing, sizing, visibility, border, radius, typography, and accessibility props.

Prop
Type
Default

No data

There are no records to display