Shortcut: ⌘ / Ctrl + K
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.
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:trueENTRY 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.
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:trueKEYBOARD 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.
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.
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 dataThere are no records to display | ||