Sign Up ›

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
sowmyaa Yakkalasowmyaa Yakkala 

how to use search Icon in lightning input

i want to display a input field with search Icon but i am unable to do that.
i had written the below code.

<lightning:input type="text"   placeholder = "Search CPP ID" value="{!v.searchKeyword}" iconName="utility:search"  onchange="{!c.Search}" /> 
And the image is 
User-added image




 
Hemant_SoniHemant_Soni
Hi,
Please try this. 
<div class="slds-combobox__form-element slds-input-has-icon slds-input-has-icon_right" role="none">
	<lightning:input type="text"   placeholder = "Search CPP ID" value="{!v.searchKeyword}" iconName="utility:search"  onchange="{!c.Search}" />
	<span class="slds-icon_container slds-icon-utility-search slds-input__icon slds-input__icon_right">
		<lightning:icon iconName="utility:search" alternativeText="search" size="x-small"/>
	</span>
</div>

Thanks
Hemant​​​​​​​