Use custom icons instead of the material icons

Hi,

Nice plugin. I've a request. Can you make it possible to use also custom icons? That would be awesome.

Looking forward for your reply.

Hi @Wndworks, yes could do be done. But if we leave it very customizable devs will have to handle some styling by their own.
You are thinking on adding custom HTML for example? Or classes with pseudo elements like before and after to handle content by css?

Hi @hazzo,

Thanks for the fast reply.
I'm already using another FAB component, but i thought about adding custom html indeed. Like:

<i class="icon-class"></i>

In this case any icon font can be used.

Okey as soon as it's implemented I'll update this issue

Thank you!

I'm trying to implement to support custom icons. I found if vue-fab allows to customize the icons by HTML, it should handle the toggle variable for main icon.

For example:

vue-fab/src/FAB.vue

Lines 48 to 49 in e7ff12d

    
           <i :class="[ mainIconSize , { rotate: toggle }, 'material-icons main']">{{mainIcon}}</i> 
        
           <i :class="[ mainIconSize , { rotate: toggle }, 'material-icons close']">add</i>

It looks like it also parses the class names in HTML and sets { rotate: toggle } in class. Is there a better way to implement?

+1

Exists a PR open #20 any chance to be merged?

	<i :class="[ mainIconSize , { rotate: toggle }, 'material-icons main']">{{mainIcon}}</i>
	<i :class="[ mainIconSize , { rotate: toggle }, 'material-icons close']">add</i>