vue-fab icon indicating copy to clipboard operation
vue-fab copied to clipboard

Use custom icons instead of the material icons

Open Wndworks opened this issue 7 years ago • 9 comments

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.

Wndworks avatar Oct 03 '17 19:10 Wndworks

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?

hazzo avatar Oct 03 '17 20:10 hazzo

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.

Wndworks avatar Oct 03 '17 20:10 Wndworks

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

hazzo avatar Oct 04 '17 07:10 hazzo

Thank you!

Wndworks avatar Oct 04 '17 07:10 Wndworks

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: https://github.com/PygmySlowLoris/vue-fab/blob/e7ff12df571746a6a26dc565933db683a2fb8f9b/src/FAB.vue#L48-L49

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

ymhuang0808 avatar Apr 16 '18 13:04 ymhuang0808

+1

50l3r avatar Apr 29 '18 13:04 50l3r

+1

mihaisaru avatar Aug 03 '18 14:08 mihaisaru

+1

ndro avatar Aug 31 '18 02:08 ndro

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

igorjacauna avatar Jan 28 '19 21:01 igorjacauna