i am trying to achieve this, placing the search button inside the input. Onclick of search icon, i need to invoke other functions. How to make the search icon acting as button and invoke the js function once its clicked? Added the code below in the comment so far written
The Base Component
lightning:input has a search attribute, which when defined as type = "search" will display the Lightning Design System search utility icon. You can invoke the search function when user hits the 'enter' key.
As per Salesforce documentation.
An input field for entering a search string. This field displays the Lightning Design System search utility icon.
<lightning:input type="search" label="Search" name="search" />
To indicate activity in the search field with a spinner, such as data loading, use the isLoading attribute.
<lightning:input type="search" label="Search" isLoading="true" />
If you want to build your own custom Component using Lightning Design System, please refer to the below blog posts.