Me too, rs!
Ref.: http://forum.quasar-framework.org/topic/60/google-maps-quasar
It’s not compatible with Vue 2.
There is a fork but dosen’t work with webpack / import - at least I could not make it work.
I got it through CDN / Script Tag / Global Object but it is not the ideal solution.
Anyway, tks again!
Currently if I want to redirect the user to a certain link by clicking on the quasar-small-fab I need create a method and use window.location from there. Right?!
Example:
<quasar-fab icon="add" direction="up">
<quasar-small-fab class="red" @click.native="goToFoo()" >mail</quasar-small-fab>
<quasar-small-fab class="purple" @click.native="goToBar()" >alarm</quasar-small-fab>
</quasar-fab>
And:
methods: {
goToFoo () {
window.location = '#/foo'
},
goToBar () {
window.location = '#/bar'
}
It might be interesting create a new component like ‘quasar-fab-link’ with support to ‘router-link’ / similar to quasar-drawer-link
Ex:
<quasar-fab-link class="blue" to="/foo" > publish </quasar-fab-link>
What do think?
Tks @rstoenescu ! It worked.
I think could exist a class ‘Fixed’ like in Vue Material for this.
Anyway, thank you so much!
When using tabs on Desktop / Middle / Larger screens they are stacked besides each other on left - this is a default behavior (Image 1).
I wanted that stay full width / justified (Image 2).
Some help?
From this:
To this:
Code:
<quasar-tabs class="bg-teal-4 text-white" slot="navigation">
<quasar-tab icon="home" route="/foo" exact replace>Foo</quasar-tab>
<quasar-tab icon="alarm" route="/bar" exact replace>Bar</quasar-tab>
<quasar-tab icon="help" route="/zig" exact replace>Zig</quasar-tab>
</quasar-tabs>