Do you wish to directly call LWC from the record quick actions? Using aura components to call LWC from quick action are the days long gone. So, today, in our attempt to make Salesforce a little easier for you, we’ve come with a perfect solution for this. Now, you can directly call LWC from the record quick actions using our thoughtful solution.
Here are some quick easy steps to get comfortable with LWC quick action, but first some important details.
LWC supports two types of quick actions:
Screen Actions
Headless Actions
Screen Actions: This type of action lets the LWC component open on a modal, i.e when you will click on this action, it will open up a modal window that you can use to display data or interact.
Headless Actions: This action does not suppose to include any HTML and will execute Javascript at the click of a button. For simplicity, you can consider it similar to a javascript button.
Today we will be looking to screen the LWC component.
Steps
First, start by creating a LWC on vs code.
Note: In our case, we will be creating LWC to display a successful dialogue on Quick action.
Then here are the following steps to consider
1 Call the invoke() method to the LWC js controller: this is the key method that gets executed once the action is clicked.
2. The second and important step is to update your LWC.xml file: to define target and target Configuration
3. Now let’s create a quick HTML to display over the screen.
4. Deploy your LWC to org
5. Final step is to create a quick action to call our LWC component and add it to the layout
And add on the page layout (in our case, it is contact layout)
Now you are ready to use your LWC
Here we go 🙂
Now you can build some awesome LWC components and call them with Quick actions.
Conclusion
Calling LWC directly from the record quick actions has never been easier than this! We hope that you liked our solution. If you try out this for your business, then do share your valuable feedback with us. We will be back with another blog that will ease your journey with Salesforce. Till then, happy learning! 🙂