diff --git a/packages/fiori/src/SearchField.ts b/packages/fiori/src/SearchField.ts index 4956195e1b9d..40cc14867183 100644 --- a/packages/fiori/src/SearchField.ts +++ b/packages/fiori/src/SearchField.ts @@ -101,6 +101,15 @@ class SearchField extends UI5Element { "scope-change": SearchFieldScopeSelectionChangeDetails, } + /** + * Indicates whether a loading indicator should be shown in the input field. + * @default false + * @since 2.18.0 + * @public + */ + @property({ type: Boolean }) + fieldLoading = false + /** * Defines whether the clear icon of the search will be shown. * @default false diff --git a/packages/fiori/src/SearchFieldTemplate.tsx b/packages/fiori/src/SearchFieldTemplate.tsx index 89b78de79d01..ca7020a85ed5 100644 --- a/packages/fiori/src/SearchFieldTemplate.tsx +++ b/packages/fiori/src/SearchFieldTemplate.tsx @@ -6,6 +6,7 @@ import type SearchField from "./SearchField.js"; import decline from "@ui5/webcomponents-icons/dist/decline.js"; import search from "@ui5/webcomponents-icons/dist/search.js"; import ButtonDesign from "@ui5/webcomponents/dist/types/ButtonDesign.js"; +import BusyIndicator from "@ui5/webcomponents/dist/BusyIndicator.js"; export type SearchFieldTemplateOptions = { /** @@ -20,6 +21,7 @@ export default function SearchFieldTemplate(this: SearchField, options?: SearchF ) : (