You need to sign in to do that
Don't have an account?
lookup field only show the icon not text in lightning
I am using Lighting Icon on a page when we select the lookup field value then only icon can showing on the field not value I need the value with Lightning Icon

And My code is
Thanks in Advance
And My code is
<div aura:id="lookup-div" class="slds-lookup" data-select="single" data-scope="single" data-typeahead="true"> <!-- This is the Input form markup --> <label class="uiLabel-left form-element__label uiLabel" for="lookup">{!v.label}</label> <div class="slds-form-element__control slds-input-has-icon slds-input-has-icon--right"> <!-- <c:svg class="slds-input__icon" xlinkHref="/resource/SLDS104/assets/icons/utility-sprite/svg/symbols.svg#search" /> --> <lightning:icon iconName="utility:search" size="x-small" variant="search" class="slds-input__icon"/> <!-- This markup is for when an item is currently selected --> <div aura:id="lookup-pill" class="slds-pill-container slds-hide"> <span class="slds-pill slds-pill--bare"> <span class="slds-pill__label"> <!-- <c:svg class="{!'slds-icon ' + v.listIconClass + ' slds-icon-small'}" xlinkHref="{!v.listIconSVGPath}" />{!v.searchString} --> <lightning:icon iconName="{!v.iconName}" size="x-small" variant="process" class="{!v.listIconClass}"/> </span> <button class="slds-button slds-button--icon-bare" onclick="{!c.clear}"> <!-- <c:svg class="slds-button__icon" xlinkHref="/resource/SLDS104/assets/icons/utility-sprite/svg/symbols.svg#close" /> --> <lightning:icon iconName="utility:close" size="x-small" variant="close" class="slds-button__icon"/> <span class="slds-assistive-text">Remove</span> </button> </span> </div> <!-- This markup is for when searching for a string --> <ui:inputText aura:id="lookup" value="{!v.searchString}" class="slds-input" updateOn="keyup" keyup="{!c.search}" /> </div>
Thanks in Advance
May I suggest you please refer the below link for reference.
- https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/aura_compref_lightning_buttonIcon.htm
Hope it will be helpful.Please mark it as best answer if the information is informative.
Thanks
Rahul Kumar