diff --git a/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.ts b/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.ts index 655ad85ffd..0922410474 100644 --- a/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.ts +++ b/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.ts @@ -428,6 +428,18 @@ export class MgtPeoplePicker extends MgtTemplatedTaskComponent { }) public ariaLabel: string; + /** + * Sets whether the people suggestions should apper on the suggestion list + * + * @type {boolean} + * @memberof MgtPerson + */ + @property({ + attribute: 'disable-suggestions', + type: Boolean + }) + public disableSuggestions = false; + /** * Get the scopes required for people picker * @@ -928,6 +940,10 @@ export class MgtPeoplePicker extends MgtTemplatedTaskComponent { const graph = provider.graph.forComponent(this); if (!input.length) { + if (this.disableSuggestions) { + this._foundPeople = []; + return; + } if (this.defaultPeople) { people = this.defaultPeople; } else { diff --git a/stories/components/peoplePicker/peoplePicker.properties.stories.js b/stories/components/peoplePicker/peoplePicker.properties.stories.js index 418a11721e..7f7cff651c 100644 --- a/stories/components/peoplePicker/peoplePicker.properties.stories.js +++ b/stories/components/peoplePicker/peoplePicker.properties.stories.js @@ -69,6 +69,10 @@ closeModal.addEventListener('click', () => { `; +export const disableSuggestions = () => html` + +`; + export const dynamicGroupId = () => html`