Tab for LWC in Salesforce

How Make a new Tab for LWC Lightining Web Component in Salesforce?

Lightning Web Components uses core Web Components standards and provides only what’s necessary to perform well in browsers supported by Salesforce. Because it’s built on code that runs natively in browsers, Lightning Web Components is lightweight and delivers exceptional performance. Most of the code you write is standard JavaScript and HTML.

Base Lightning components are available as Aura components and as Lightning web components. The Component Reference includes documentation, specifications, and examples for both. See Base Components: Aura Vs Lightning Web Components for differences between them.

In this note we see how to insert a tab inside our org, which allows us to access a LWC

  1. Open -meta.xml file from your LWC component
  2. Change is exposed to True: <isExposed>true</isExposed>
  3. Add <target>lightning__Tab</target>
  4. Open Tab from setup and under Lightning Component Tabs press New and select your LWC component.

Your file xml at the end should look like this:

<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
    <apiVersion>47.0</apiVersion>
    <isExposed>true</isExposed>
    <targets>
        <target>lightning__Tab</target>
    </targets>
</LightningComponentBundle>

if you liked this note, and are interested in sharing insights with me, I would be very happy and ask you to write to me. In the subject of the email please write “Picchiri.com review content Make a new Tab for LWC Lightining Web Component in Salesforce”