Position of clearable icon on input
Is there a way to make clearable icon in q-input appears in front of slot:append? By default it appears after.
s.molinari last edited by s.molinari
Build it yourself using the prepend slot.
skwrl last edited by
Take the code from the docs on labeled “Clearable is equivalent to” and put it in your append slot.
Here is the code to make it work with your codepen
<template v-slot:append> <q-icon v-if="search" name="cancel" class="cursor-pointer" @click.stop="text = null" ></q-icon> <q-icon name="search"></q-icon> </template>