diff --git a/components/lib/multiselect/MultiSelectBase.js b/components/lib/multiselect/MultiSelectBase.js index 24f640da70..53a515f6df 100644 --- a/components/lib/multiselect/MultiSelectBase.js +++ b/components/lib/multiselect/MultiSelectBase.js @@ -238,6 +238,7 @@ export const MultiSelectBase = ComponentBase.extend({ itemClassName: null, itemTemplate: null, loading: false, + loadingIcon: null, maxSelectedLabels: null, name: null, onBlur: null, diff --git a/components/lib/multiselect/multiselect.d.ts b/components/lib/multiselect/multiselect.d.ts index cf27b231fc..f284d42ba8 100644 --- a/components/lib/multiselect/multiselect.d.ts +++ b/components/lib/multiselect/multiselect.d.ts @@ -464,7 +464,7 @@ export interface MultiSelectProps extends Omit; + dropdownIcon?: IconType | undefined; /** * Template to display when filtering does not return any results. * @defaultValue No records found @@ -550,6 +550,15 @@ export interface MultiSelectProps extends Omit React.ReactNode); + /** + * Displays a loader to indicate data load is in progress. + * @defaultValue false + */ + loading?: boolean | undefined; + /** + * The icon to show while indicating data load is in progress. + */ + loadingIcon?: IconType | undefined; /** * Decides how many selected item labels to show at most. */