function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Srinivas223Srinivas223 

Preview option in Lightning

We have a preview option in Visualforce to check our changes. Do we have the same in Lightning?
this is my test component but I couldnt see any preview option to check its behaviour.
Suggestions please.
Thanks 
<aura:component>
<div class="white">
Hello, HTML!
</div>
<h2>Check out the style in this list.</h2>
<ul>
<li class="red">I'm red.</li>
<li class="blue">I'm blue.</li>
<li class="green">I'm green.</li>
</ul>
</aura:component>
CSS source
.THIS {
background-color: grey;
}
.THIS.white {
background-color: white;
}
.THIS .red {
background-color: red;
}
.THIS .blue {
background-color: blue;
}
.THIS .green {
background-color: green;
}

 
Best Answer chosen by Srinivas223
Raj VakatiRaj Vakati
Create a Lightning component app and click on preview to see the result 
  
<aura:application extends="force:slds">
    <c:hello />
</aura:application>
hellp.cmp 
<aura:component>
<div class="white">
Hello, HTML!
</div>
<h2>Check out the style in this list.</h2>
<ul>
<li class="red">I'm red.</li>
<li class="blue">I'm blue.</li>
<li class="green">I'm green.</li>
</ul>
</aura:component>



User-added image

All Answers

Raj VakatiRaj Vakati
Create a Lightning component app and click on preview to see the result 
  
<aura:application extends="force:slds">
    <c:hello />
</aura:application>
hellp.cmp 
<aura:component>
<div class="white">
Hello, HTML!
</div>
<h2>Check out the style in this list.</h2>
<ul>
<li class="red">I'm red.</li>
<li class="blue">I'm blue.</li>
<li class="green">I'm green.</li>
</ul>
</aura:component>



User-added image
This was selected as the best answer
Raj VakatiRaj Vakati
Create a Lightning component app and click on preview to see the result 
  
<aura:application extends="force:slds">
    <c:hello />
</aura:application>
hello.cmp 
<aura:component>
<div class="white">
Hello, HTML!
</div>
<h2>Check out the style in this list.</h2>
<ul>
<li class="red">I'm red.</li>
<li class="blue">I'm blue.</li>
<li class="green">I'm green.</li>
</ul>
</aura:component>



This image is not available because: You don’t have the privileges to see it, or it has been removed from the system