Overlays

ContentSearchButton

A trigger button styled to open a `CommandPalette`, showing a placeholder and shortcut hint.

html
<UiContentSearchButton />

Placeholder

Default — placeholder, paired with a CommandPalette

Purely a styled trigger — it has no open state of its own. You always wire its @click to open a separate CommandPalette yourself, and its placeholder is just displayed text — it doesn't automatically pass through to whatever it opens.

Shortcut

shortcut is the key hint shown on the right of the button. It's decoration only — the button doesn't bind anything, so register the real shortcut on whatever it opens.

Icon

icon is the glyph in the trigger, a magnifying glass by default. Change it only to match an icon set you already use for search elsewhere.

Collapsed

collapsed renders an icon-only square button, dropping the placeholder text and the shortcut hint — for a narrow header or a mobile bar.


API Reference

Generated from the component's source — props, slots and emits as the component actually declares them.

Props

Prop
Type
Default
Description
string
'Search documentation...'
string[]
['meta', 'k']
Keys shown as the keyboard shortcut hint, e.g. ['meta', 'k']. Pass an empty array to hide it. Purely visual — pair with a matching `shortcut` on the `CommandPalette` it opens to actually toggle it.
string
'magnifyingGlass'
boolean
false
Renders as an icon-only square button, hiding the placeholder text and shortcut hint.