Configure Components for Custom Tabs

To use a Lightning web component as a custom tab in Lightning Experience or in the Salesforce mobile app, add the tab target in the component’s configuration file.

The componentName.js-meta.xml file defines the metadata values for the component, including the setting to allow usage in a custom tab. Add the lightning__Tab target to the component’s configuration file.

lightning__tab doesn't support component properties or the supportedFormFactors tag.

After you configure the tab target, add your Lightning web component as a custom tab in Lightning Experience or the Salesforce mobile app.