The following markup will extend the component availability to different lightning pages The above configuration file makes the component available for Lightning page types, but you can able to extend or restricts support on record pages.

Make the component usable outside of your own org.

Set your component’s supported objects.

Define what types of Lightning pages your component can be used on.

js-meta.xml file defines the metadata values for the component, including the design configuration for components intended for use in Lightning App Builder. The section lets us set the component’s name property in Lightning App Builder.

The lets us add the component to an app page. Step 3: Configure the Component for Lightning App BuilderĬonfigure the AccountInfo component for Lightning App Builder so that we can add it to a Lightning page. Open and add the code in bold. Now if you can see in the above AccountInfo.js code you can see the Decorators.T he Lightning Web Components programming model has three decorators that add functionality to property or function. Here is the apex code public with sharing class GetAccountData static List getAllAccounts(String ratingVal, Integer limitVal)) use the below SFDX command to create an apex class sfdx force:apex:class:create -n GetAccountData -d force-app/main/default/apex

Step 1: Create an Apex ClassĬreate an apex class with as shown below with the method and two arguments. In this example, we will be passing the account rating and limit to web component from the lightning app builder and will get the data and display it. Please refer this link for how to configure web components environment. Let us discuss here how to configure the Lightning web components for Lightning App Builder and expose the attribute properties to the app builder.

Lightning app builder