SearchBar API
API reference docs for the Stash SearchBar
component. Learn about the props, CSS, and other APIs of this exported module.
Import
ts
import SearchBar from '@leaflink/stash/SearchBar.vue';
Props
Name | Type | Default | Description |
---|---|---|---|
hintText | string | undefined | Text below the input |
isLoading | boolean | false | Indicates loading activity (for example async request) that should prevent search |
isWorking | boolean | false | Sets a visual indicator that the search is active |
label | string | 't(ll.search)' | Label for search bar |
modelValue | string | '' | The search term |
placeholder | string | 't(ll.search)' | Placeholder text for the input |
Slots
Name | Description |
---|---|
hint | Overrides the Input hint-text prop |
Events
Name | Description |
---|---|
search | Emitted when searching or clearing the search input |
update:model-value | Emitted when the search term changes |