Position of clearable icon on input

[AlexSantanna]

Is there a way to make clearable icon in q-input appears in front of slot:append? By default it appears after.

https://codepen.io/Tand/pen/mdeyQxB?editors=1010

[AlexSantanna]

Any one?

[s.molinari]

Build it yourself using the prepend slot.

Scott

[skwrl]

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>