I’ve been using a reactive searchbar that searches on input of characters rather than on submit/pressing a button. Since my backend is too slow to keep up, I want to add a search button inside of the f7 searchbar, preferably where the clear button normally goes. I tried the following, but it looks crappy. I want it to match the style of the searchbar:
<f7-searchbar
placeholder="DOKUMENTATION SUCHEN"
@focus="showFilters=true"
@blur="showFilters=false"
v-model="searchText"
v-on:submit.prevent
style=" border-width: 0px; padding: 30px; padding-right: 0px; padding-left: 0px; margin-left: 0px; margin-right: 0px; background: rgb(57, 70, 76); color: black; width: 100%"
>
<button style="padding:0px; margin: 0px"><icon name="search"></icon></button>
</f7-searchbar>
This is how it looks:
Also, since I’m using a search icon to handle a search, is there a way to get rid of the small icon on the left?