Contents
How to get onchange of people picker event?
To get the onChange of people picker, use following JavaScript snippet. Event will get two parameters – first one is the people picker id and second parameter is an array of selected users. This event will be fired if anything changes, like if user type text, user select a user from auto-fill list or user removes selected user.
What happens to the rejected value in people picker?
If invalid, it returns the error message string to be shown below the picker. The resolved value is display as error message. The rejected, the value is thrown away. Get the selected users in the control. Default selected user emails or login names, optionally append /title with forward slash.
This control renders a People picker field which can be used to select one or more users from a SharePoint group or site. The control can be configured as mandatory. It will show a custom error message if field is empty. You can also check out People Picker component in the Microsoft Graph Toolkit.
How to use people picker control in react?
The People picker control can be configured with the following properties: Context of the current web part. Group from which users are fetched. Leave it blank if need to filter all users. When both groupName and groupId specified groupName takes precedence. Group from which users are fetched. Leave it blank if need to filter all users.
What happens if no user is found in people picker?
Note: If no user is found for an id, no data will be rendered for that id. The following events are fired from the component. The user added or removed a person from the list of selected/picked people. For more information about handling events, see events. The mgt-people-picker component defines the following CSS custom properties.
What’s the default value for MGT-people picker?
By default, the mgt-people-picker component fetches people from the /me/people and /users endpoints. Use the following attributes to change this behavior. A number value to indicate the maximum number of people to show. the default value is 6.
How is people picker built in Fluent UI?
After looking at class inheritance on Fluent UI, I found out that the people picker was built on top of a ” base picker “. The base picker page has more details on event handlers, including for example an “onItemSelected” method.