Skip to content
kapable

CommandPalette

Actions · 1 export · v0.1.0 · showcase

Modal command finder composed from Dialog and combobox behavior.

Browse 72 component families

CommandPalette is a client-driven modal command surface and remains closed during SSR. This server-rendered page does not imitate client behavior. Open the live playground.

Usage

CommandPalette usage
<CommandPalette id="commands" commands={[{ label: 'Open deploys', href: '/' }]} />

API

CommandPalette API

CommandPaletteProps

CommandPalette props
proptypenotes
idstringDocument-unique id — open with `onOpenDialog(id)`.
commandsCommand[]
title?stringDialog title (default "Commands") — the palette's accessible name.
placeholder?string
mix?MixInput

More in Actions

More in Actions