Simple command dropdown for filtering and selecting commands.

Shows a list of commands filtered by prefix as the user types. Similar to typing / in Claude Code to see available slash commands.

Usage

# Define commands
commands = [
  %{id: :help, label: "/help", action: fn -> :ok end},
  %{id: :save, label: "/save", action: fn -> :ok end},
  %{id: :quit, label: "/quit", action: fn -> :ok end}
]

# Create and show palette
props = CommandPalette.new(commands: commands)
{:ok, palette} = CommandPalette.init(props)

# Render dropdown when visible
if CommandPalette.visible?(palette) do
  CommandPalette.render(palette, area)
end

Keyboard Navigation

• Type to filter by prefix
• Up/Down: Navigate through results
• Enter: Execute selected command
• Escape: Close dropdown
• Backspace: Delete character