Hi I am working in the lwc lightning tab set in which i need to put a number in the lightning tab label and enclosed that number on red error badge ... but not sure how to use this one. Class for the number : slds-theme_error slds-badge

image shown as below: enter image description here

kindly help me out to show the '3' shown in the above image in red badge with the help of class slds-theme_error slds-badge something like this : enter image description here

Below is the code :

 <lightning-tab label='communication 3' value='communication'></lightning-tab>

Kindly help me out for this


1 Answer 1


The standard lightning tab(lwc) does not support this. But you can build the custom one using the lightning base component recipes.

lightning tab base component code

lightning tabset base component code

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .