Custom lightning component not showing in app builder

Do you wonder why your new custom lightning component is not showing up in the app builder? Then it must be because of these two reasons.

1. When my domain is not enabled in the sandbox.
2. When there is no flexipage attribute added in the lightning component

My domain is important for the security of the lightning salesforce application, check out detailed instructions on how to enable my domain in your salesforce org

In case if it is already enabled, check out the flexipage attribute in your lightning component and make the changes accordingly.

Default code

<aura:component>

</aura:component>


Make changes as highlighted below

<aura:component implements="flexipage:availableForAllPageTypes">
              <!-- Your complete code goes here -->
</aura:component>


above shown code works for the Aura components.

For lightning web components, use the below mentioned code in the metadata file.

 <targets>

        <target>lightning__AppPage</target>

        <target>lightning__RecordPage</target>

        <target>lightning__HomePage</target>

 </targets>

Check out sample lightning web component implementation

Hope this works. I appreciate your comments or any queries in the comments section below.

ALSO READ

Salesforce lightning interview questions - Part 1

Salesforce lightning interview questions - Part 2