+ Start a Discussion
Peter BölkePeter Bölke 

how to style tabset?

Hello,
i want to use tabset-element (sample code from salesforce), but doesnt seem to have a default style. How can i add styling to this?

 
<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes" access="global" >
    <lightning:tabset variant="scoped">
        <lightning:tab label="Item One">
            Sample Content One
        </lightning:tab>
        <lightning:tab label="Item Two">
            Sample Content Two
        </lightning:tab>
    </lightning:tabset>
    
</aura:component>

Result:


User-added image
thanks
Peter
Best Answer chosen by Peter Bölke
Raj VakatiRaj Vakati
Use your app by extends force:slds as shown below 

<aura:application extends="force:slds">
    <c:demo/>
</aura:application>

All Answers

Raj VakatiRaj Vakati
Use your app by extends force:slds as shown below 

<aura:application extends="force:slds">
    <c:demo/>
</aura:application>
This was selected as the best answer
Raj VakatiRaj Vakati

Use variant to change styles. The variant changes the appearance of the tabset. Accepted variants are the default, scoped, and vertical.
Peter BölkePeter Bölke
Hello Raj,

thanks for your reply,... i didnt know, that i have to use force:slds in Lightning as well under circumstances. 

..Peter