Usage

Use CommandPaletteInput inside CommandPalette for a popup-backed command query, or as an independent search field when no result popup is present.

import { CommandPaletteInput } from '@astryx-vue/core/CommandPalette'

Anatomy

Element	Description
Input	The surrounding inline layout for the search glyph, query field, and trailing content.
Search glyph	A decorative search icon before the query field.
Query field	The native text field. It is a searchbox when standalone without popup attributes and a combobox when popup relationships are supplied or CommandPalette context is present.
Loading spinner	A delayed pending indicator shown before trailing content while search is busy.
Trailing content	Caller-provided supporting content such as a clear control or shortcut hint.

Best practices

Guidance	Practices
Do	Pass a concise label that identifies what can be searched when "Search commands" does not describe it; the placeholder is never the field's name.
Do	Use endContent for short supporting controls or shortcut hints at the trailing edge.
Don't	Override combobox role or popup state. CommandPaletteInput owns those semantics when connected to CommandPalette.

Examples

Common configurations, variations, and states.

With End Content

CtrlK

Home

Settings

Profile

Help

↑↓ Navigate↵ SelectEsc Close

Custom placeholder and a keyboard shortcut badge in the trailing slot via endContent.