change q-fab size

[jbridge]

based on the doc example:
https://quasar.dev/vue-components/floating-action-button#Square-style

I used the codepen to add:
style=“width:28px;height:28px;”

inside q-fab properties

Please note that red-circled q-fab square now display half in width, but height didn’t change.

How can I set the size for q-fab button?

Thanks

[elvinc]

to make the q-fab smaller add the class “q-btn–fab-mini”
<q-fab
class=“q-btn–fab-mini”
color=“primary”
icon=“keyboard_arrow_down”
push
direction=“down”
>
</q-fab>