[Vuejs]-How to remove ripple effect from clicking q-list item

by

0👍

You can use no-ripple

  <q-item clickable no-ripple>
    <q-item-section avatar>
      <q-icon color="primary" name="bluetooth"></q-icon>
    </q-item-section>

    <q-item-section>Icon as avatar</q-item-section>
  </q-item>

https://codepen.io/Pratik__007/pen/RweyMdz

0👍

:v-ripple="false"

https://quasar.dev/vue-directives/material-ripples/

The documentation is pretty good.

Leave a comment