Lightning Help Text with custom Icon in Salesforce | lightning:helptext

Kapil November 16, 2020

In this article you will learn to apply a custom icon instead of help text's default icon in a Lightning Component.

Please checkout below code :

Component

<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction" access="global" >
    <label class="slds-form-element__label" style="padding:10px">First Name(Normal help text)</label>
    <lightning:helptext content="Please enter your first name"/> 
    <br/>
    <label class="slds-form-element__label" style="padding:10px">Last Name(Custom Icon help text)</label>
    <lightning:helptext
        content="Please enter your last name"
        iconName="utility:salesforce1"
    />
</aura:component>