Vuance UI Kit

Inputs

Search

Search field with focus state, clearing, and accessible labelling.

Search

Playground

Configure the baseline public contract and copy synchronized Vue markup.

Interactive preview

Changes are reflected in the example and source.

Properties

Placeholder

Disabled

Vue

<m-search
  placeholder="Search components"
  :disabled="false"
  v-model="value"
 />

MSearch API

Props, slots, and events are extracted from the current public UI Kit contract.

MSearch

Input family
src/runtime/components/ui/search

Props

NameTypeDefault
disabledPrevents interaction and applies the disabled visual state.
booleanfalse
loadingReplaces content with progress feedback and prevents interaction.
booleanfalse
placeholder
string'Search'
ariaLabel
stringundefined

Slots

Events

MSearch does not emit component-specific events. Native events fall through to its root element.