Contacts API

API Reference `vce-contact-preview`

Name	Description	Type	Required	Default value
`html`		string
`content`		object

Name	Description	Type	Required	Default value
`translations`	Sets the translations	RecentContactsTranslations		{label: 'Recent contacts'}
`step`	Step increment for number	number		1

{
  id: string;
  firstName: string;
  lastName: string;
  email: string;
}

{
   label: string;
}

Event	Description	Returns
`connected.recent-contacts`	Fires on connect	`{ bubbles: true }`
`disconnected.recent-contacts`	Fires on disconnect	`{}}`
`select`	Fires on select	`{ type: 'select', contact: { id: string; firstName: string; lastName: string; email: string; } }`
`remove`	Fires on remove	`{ type: 'remove', contact: { id: string; firstName: string; lastName: string; email: string; } }`

Name	Description	Type	Default value
`value`	String to search for	string
`loading`	Show loading spinner	boolean
`translations`	Image URL	SimpleSearchFieldTranslations	{placeholder: 'Start typing a search term}

{
   placeholder: string;
}

Event	Description	Returns
`search`	Fires on search field change and on click	`{ detail: { value } }`

Name	Description	Type	Required	Default value
`contacts`	Array of Contact	string

{
  id: string;
  firstName: string;
  lastName: string;
  email: string;
}

Event	Description	Returns
`add`	Fires on click	`{ type: 'add', contact: { id: string; firstName: string; lastName: string; email: string; } }`