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`
+