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
r.vr.v 

Can we use lightening component on VF page?

pradeep kumar yadavpradeep kumar yadav
Yes, You can use
Here is example 
<apex:page showHeader="true" sidebar="true">
    <apex:includeLightning />

    <link href="{!URLFOR($Resource.SLDS, 'SLDS/assets/styles/salesforce-lightning-design-system-vf.css')}" rel="stylesheet"/>

    <div id="lightning" />

    <script>
        var appName = "c:AppDependency";

        $Lightning.use(appName, function() {
            $Lightning.createComponent("c:AppName",
                { },
                "lightning",
                function(cmp) {
                document.getElementById("outLoader").style.display = 'none';
            });
        });
    </script>

    <div id="outLoader" style="display: block;">
        <div class="slds">
            <div class="main slds-m-bottom--large" role="main">
                <div class="slds-grid slds-grid--align-center slds-m-vertical--xx-large">
                    <div class="slds-spinner--large slds-m-vertical--xx-large">
                        <img class="slds-m-vertical--xx-large" src="{!URLFOR($Resource.SLDS, 'SLDS/assets/images/spinners/slds_spinner_brand.gif')}" alt="" />
                    </div>
                </div>
            </div>
        </div>
    </div>
</apex:page>

 
r.vr.v
Ok thank you pradeep
pradeep kumar yadavpradeep kumar yadav
If you understand solution than, mark that as best answer to help others easily find solution.