I'm trying to use lightning base components in some components but I only got basic html component in my page. For example I add this button :

<lightning:button variant="brand" label="Précédent" onclick="{!c.previousPage}"/>

It is the only lightning base element in my component, maybe I have to insert it into a special element, like a container ?

My Salesforce org is in spring 17.

Here is the kind of button I got : enter image description here instead of button with slds design.

Edit : I try differents browsers but I always get the same result.

  • Salut dou. What do you mean by basic html component? Can you post a picture? Commented Feb 16, 2017 at 15:22
  • Hi, I mean that in my browser, I only get html element like a basic button with no design, but with the lightning base element lightning:button I should see the slds design directly applied to the button.
    – dou
    Commented Feb 16, 2017 at 15:24

1 Answer 1


If you are testing in an app container then you will need to extend with force:slds

<aura:application extends="force:slds">
    <lightning:button variant="brand" label="Précédent" onclick="{!c.previousPage}"/>

And if you are using in community builder or app builder or lightning out the styling is automatically taken care

  • 1
    Great thank you ! This the first time I use the lightning base components and the slds design is now applied to all my elements, that's very cool . Thank you for the clarification.
    – dou
    Commented Feb 16, 2017 at 15:32

You must log in to answer this question.

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