Activity Forums Salesforce® Discussions How to implement process indicator in Salesforce lightning component?

  • Piyush

    Member
    November 28, 2019 at 9:02 am

    Hi Yogesh,

    Check the following code for implementation of process indicator in a lightning component:-

    <aura:component>
        <lightning:progressIndicator currentStep="3" type="base" hasError="true" variant="base">
            <lightning:progressStep label="Step 1" value="1"/>
            <lightning:progressStep label="Step 2" value="2"/>
            <lightning:progressStep label="Step 3" value="3"/>
            <lightning:progressStep label="Step 4" value="4"/>
        </lightning:progressIndicator>
    </aura:component>

     

  • Nikita

    Member
    November 28, 2019 at 2:20 pm

    Hi,

    A lightning:progressIndicator component displays a horizontal list of steps in a process, indicating the number of steps in a given process, the current step, as well as prior steps completed. For example, Sales Path uses a progress indicator to guide sales reps through the stages of the sales process.

    <aura:component>
        <lightning:progressIndicator currentStep="3" type="base" hasError="true" variant="base">
            <lightning:progressStep label="Step 1" value="1"/>
            <lightning:progressStep label="Step 2" value="2"/>
            <lightning:progressStep label="Step 3" value="3"/>
            <lightning:progressStep label="Step 4" value="4"/>
        </lightning:progressIndicator>
    </aura:component>
    

     

Log In to reply.

Popular Salesforce Blogs

Popular Salesforce Videos