Das Search Field dient zur Eingabe von Suchanfragen.
Das Search Field mit Close/Reset Button dient dazu die Suchanfrage abbrechen oder schließen zu können.
Eigenschaften
| Name | Type | Default Value | Description |
|---|---|---|---|
name | string | undefined | * |
placeholder | string | undefined | Placeholder, defaults to "Search" |
suggestions | TSuggestion[] | undefined | * |
integratedButtonIcon | string | undefined | integrated button icon for input field |
integratedButtonTitle | string | undefined | integrated button title |
value | string | undefined | * |
filteredSuggestions | TSuggestion[] | undefined | * |
isSuggestionsVisible | boolean | true | Displays search results in a "dropdown" list |
isLoading | boolean | false | Apply skeleton loader |
hasReset | boolean | true | Show the value input reste button x |
hasSearch | boolean | true | show the search button |
disabled | boolean | undefined | is input disabled? |
readonly | boolean | false | is input readonly? |
label | string | undefined | Input Field label |
required | boolean | undefined | is input required? |
debounceTime | number | undefined | debounce time for the input field to fire change event |
thisElement | HTMLElement | undefined | not to be set, this is to use for attaching popover for example |
filter | function | searchFormFilterFunction | Filter function defaults to showing suggestions matching the visible text |
title | string | undefined | Appears on hover |
style | string | "" | additional cs styles |
next | undefined | undefined | |
prev | undefined | undefined | |
enter | undefined | undefined |
Events
| Name | Description |
|---|---|
reset | |
change | default forwarded input change element |
input | |
integratedButtonClicked | |
focus | |
focusTab |