How to make a label for FAB's in a FAB list?

Ionic Framework ionic-v3
1

Hi there…

Loving the FAB list component in Ionic 2… Is there anyway to add a label or perhaps a chip to each FAB in the list? (see image)

image
fab example.jpg563×1000 39.4 KB

If it’s not a built in thing, can someone help me with the markup and css required to achieve the effect?

Thanks!

1 Like
2

As far as I know there is no native Ionic solution. However, you can easily it with some simple SCSS:

http://stackoverflow.com/questions/39842324/whats-the-correct-way-of-inserting-label-in-an-ionic-fab-list

3

Perfect… Thanks for that… probably should have found that question myself before posting here!

4

@OnnoG - hey its creating labels just beside of ion-fab button in fab list but labels are not visible…
any suggestions please
thankyou in advance

1 Like