JavaScript UI Libraries & Blazor Components Suite – Smart UI Forums Text Boxes & Inputs Clear text from search input text control with button click?

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #102138
    davout
    Member
    Up
    0
    Down

    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?

    #102143
    YavorDashev
    Member
    Up
    0
    Down

    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/

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.