How to navigate to custom tab in record page in LWC

Question

// Navigate to View Account Page
navigateToViewAccountPage() {
    this[NavigationMixin.Navigate]({
        type: 'standard__recordPage',
        attributes: {
            recordId: this.recordId,
            objectApiName: 'Account',
            actionName: 'view'
        },
    });
}

Currently, I am using the above code. It is navigating to the Detail tab of the record page. But I need to navigate to the custom tab created on the record page.

Is there any way that we can navigate to custom tab on record page?

Answer 1

Below code should help you to navigate to custom tab

this[NavigationMixin.Navigate]({
            type: 'standard__navItemPage',
            attributes: {
                apiName: CustomTabApiName
            },
          state: { 
                c__id: this.recordId 
           }
});

You can refer here for more details