Stacked FAB buttons in ionic 2

Ionic Framework ionic-v3
1

I am trying to use fab buttons in Ionic 2 to be displayed stacked over one another as in the image below.

image
image374×508 54.5 KB

I am trying it as follows:


        <button fab fab-right fab-bottom >
                         <img src="build/images/iconFindEnabled.png" />
        </button>

Which results having both the buttons one over another as follows:

image
image359×627 5.43 KB

There are solutions that go with Ionic 1
for ex: Ion-floating-menu - Ionic Marketplace

Has someone tried the same with ionic 2?

What are the ways to achieve this with ionic 2?

2

You would need to write some extra css for that.

3

or do like this
<button fab fab-left fab-fixed><ion-icon name="search"></ion-icon></button> to place it to the left but if you want to place it to the right <button fab fab-right fab-fixed><ion-icon name="search"></ion-icon></button>:yum:

1 Like