Clear text from search input text control with button click?

[davout]

Its common to see a ‘x’ button adjacent to a search input text control,  where clicking on the ‘x’ will clear any text from the input control.
Do any of the input components have anything like this?

[YavorDashev]

Hi davout,
I have prepared a quick code snippet using the input-group element(https://www.htmlelements.com/demos/input-group/with-custom-elements/) for a base for the snippet:

    <div class="input-group">
        <smart-input class="form-control" placeholder="Recipient's username"></smart-input>
        <div class="input-group-append">
            <smart-button type="button">X</smart-button>
        </div>
    </div>

Let me know if that works for you!
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[Author]

Posts