Note

This documentation describes the QuickSearch Vue component for native UI views, for Xml templates see quick-search.

QuickSearch

A simple text input that filters ViewModel data using the isMatch filter condition. Optionally shows an AI SmartSearch toggle.

Import

import { QuickSearch } from '@neos/app'

Props

Prop	Type	Default	Description
labelPosition	'top' \| 'left' \| 'hidden'	'top'	Position of the input label

Notes

• Binds to the ViewModel's current isMatch filter value.
• Calls viewModel.filterDataAsync() after each change.
• When the ViewModel supports AI SmartSearch, a toggle icon appears.

Usage Examples

In a filter bar

<FilterBar>
  <!-- FilterBar includes QuickSearch by default via :quick-search="true" -->
</FilterBar>

Standalone

<QuickSearch label-position="left" />

With label hidden (icon-only search)

<QuickSearch label-position="hidden" />