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


#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)

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

Thanks!


#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