Notification YouTube/Google like style?



  • <q-btn dense color="purple" round icon="email" class="q-ml-md">
          <q-badge color="red" floating>4</q-badge>
    </q-btn>
    

    See: https://quasar.dev/vue-components/badge#Example--Floating

    Would it be possible to simple show a dot instead? 🙂

    Thanks!



  • a dot instead what ?
    can you be more explicit?

    you juste want an empty badge ?

    <q-btn push color="white" text-color="primary" label="Unread Mails">
          <q-badge color="orange" floating>&nbsp;</q-badge>
        </q-btn>
    

    you want a exclamation ?

    <q-btn push color="white" text-color="primary" label="Unread Mails">
         <q-badge color="orange" floating>!</q-badge>
       </q-btn>
    

    you want an icon ?

    <q-btn push color="white" text-color="primary" label="Unread Mails">
         <q-badge color="orange" floating><q-icon name="warning" /></q-badge>
       </q-btn>
    

Log in to reply