Introduction

<aside> 💡 This recipe is not included in the Official repo. I built it because, using the first recipe provided, it might be confusing when starting with lightning-record-picker.

</aside>

The main concept included in this recipe is using the lightning-record-picker LWC, appeared in GA in Spring ‘24.

This new LWC component, allows searching for records in a very flexible and powerful way:

• It allows searching for several fields using the same input component.
• It allows defining filter criteria, narrowing the search for a concrete segment of the data.
  • Once filters are defined, they can be combined into a formula: (FILTER 1 AND FILTER 2) OR (FILTER 3)
• It can be used with various objects at the same time.
• It leverages the GraphQL wire adapter behind the scenes, what supports very efficient access to the Salesforce backend.
• It can be used to select one single or multiple records.

<aside> 📂 You can find the LWC in this folder: force-app\\main\\default\\lwc\\recordPickerHello in the Record Picker tab.

</aside>

<aside> 💡 If you are not familiar with this recently LWC component, visit: https://developer.salesforce.com/blogs/2023/10/introducing-the-lightning-record-picker-component and https://developer.salesforce.com/docs/component-library/bundle/lightning-record-picker/documentation.

</aside>

Template file

The template file includes the new lightning-record-picker.

In the following code, I have expanded the code to include display-infoand filter which are important capabilities that are not included in the recipe.

This LWC is used for:

• Looking for Contacts
• Placeholder and labels to allow the user to understand what is the component for
• onchange handler to manager the user interaction when click one of the values returned