<p>Message of the day: {!v.message}</p>

    <lightning:button label="You look nice today."

    <lightning:button label="Today is going to be a great day!"

Below is the format I am able to see on clicking preview.

 Above format is what I want to see(Trailhead Module image)

  • How are you trying to view the component? What exactly have you tried so far?
    – sfdcfox
    Nov 9 '19 at 16:47
  • I am trying to view this component by adding to aura application and using preview option(This is a trailhead module learning example which I am trying to view): <aura:application > <c:HelloMessageInteractive/> </aura:application>
    – Aditya
    Nov 9 '19 at 17:08

extends="force:slds" include this at the top in your application like

<aura:application extends="force:slds">

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.