help text icon with inputfield

Display HelpText Icon With ‘lightning:input’ Field In Lightning Component

Lightning Component

In lightning component development there is no standard way to display lightning help text icon along with lightning input fields label. so in this post we are going to use a workaround to fix this issue.

Lighting Help Text icon with lighting input field
Output Result
Lightning Component : [inputWithHelpText.cmp]

inputWithHelpText.css

Lightning Application : [Test.app]

Output :

input field with HelpText lightning

 

Related Resources :
lightning:helpText
lightning:input

Other popular Post :

Happy Learning 🙂

like our facebook page for new post updates. & Don’t forget to bookmark this site for your future reference.

(Visited 594 times, 20 visits today)

3 comments

  • Hi piyush,
    I have a question regarding this topic. I can make use of ‘fieldLevelHelp’ attribute in instead of going for this customization.
    I am very new to this lightning based on my curiosity I am posting my query. Kindly help.

  • Hi Piyush,
    I am very new to lightning concepts. Kindly help me. Instead of going for all this customization for getting helptext next to label I can use ‘filedLevelHelp’ attribute in tag?

Leave a Reply