This page is not complete.

Secure context

This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.

The select() method of the ContactsManager interface returns a Promise which, when resolved, presents the user with a contact picker which allows them to select contact(s) they wish to share. This method requires a user gesture for the Promise to resolve.


var ContactInfo =, options);


An array of strings defining what information to retrieve from a contact. Allowed values are as follows:
  • 'name': The contact's name.
  • 'tel': The telephone number(s) of the contact.
  • 'email': The email address of the contact.
  • 'address': The contact's postal address.
  • 'icon': The avatar of the contact.
options Optional
Options are as follows:
  • multiple: A Boolean that allows multiple contacts to be selected. The default is false.

Return value

Returns a Promise which resolves on successful contact selection.


The browsing context is not top-level or the contact picker is showing a flag. A flag denotes an already existing contact picker, only one picker can exist at any time.
If the method is not triggered by user interaction.
If properties is empty, or if any of the specified properties are not supported.


The following example sets an array of properties to be retrieved for each contact, as well as setting an options object to allow for multiple contacts to be selected.

An asynchronous function is then defined which uses the select() method to present the user with a contact picker interface and handle the chosen results.

const props = ['name', 'email', 'tel', 'address', 'icon'];
const opts = {multiple: true};

async function getContacts() {
  try {
      const contacts = await, opts);
  } catch (ex) {
      // Handle any errors here.

handleResults() is a developer defined function.


Contact Picker API
# contacts-manager-select

Browser compatibility

BCD tables only load in the browser