Forms
FormSearchInput
Debounced search input with loading indicator.
Forms
Enhanced form components for uploads, rich text editing, and search inputs.
Components
<XAFormSearchInput />
Debounced search input with loading indicator.
<XAFormSearchInput v-model="search" placeholder="Search users..." :loading="searching" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
modelValue | string | '' | Bound search string via v-model |
placeholder | string | 'Search...' | Input placeholder text |
loading | boolean | false | Show a loading spinner inside the input |
debounce | number | 300 | Debounce delay in milliseconds before update:modelValue is emitted |
AI Context
component: XAFormSearchInput
package: "@xenterprises/nuxt-x-app"
category: Form
use-when: Table toolbars, filter panels — debounced search input
debounce: 300ms by default
v-model: search string