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!

Great! Tks!

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>

Some example of integration of Google Maps and Quasar?

Tks!