katrincwl / kc_fab

jQuery plugin to create materialize floating action button easily

KC FAB

KC FAB is a jQuery plugin to create materialize floating action button easily.

Version

1.0

DEMO

• jsfiddle demo
• Thank you for jqueryscript.net to provide another usage example for my plugin

How to use

First of all, you need to have a DOM element to hold action buttons: e.g

<div class="kc_fab_wrapper" ></div>

Then in your script, calling the kc_fab on your DOM element. You can pass in an object array as option to tell the plugin the buttons style and the anchors' link.

var links = [
                {   /* The first object will be the main button */
                    "bgcolor":"red",
                    "icon":"+"
                },
                /* Following are the hidden button list */
                {
                    "url":"http://www.example.com",
                    "bgcolor":"red",
                    "color":"#fffff",
                    "icon":"<i class='fa fa-phone'></i>",
                    "target":"_blank"
                },
                {
                    "url":"http://www.example.com",
                    "bgcolor":"black",
                    "color":"white",
                    "icon":"<i class='fa fa-music'></i>",
                    "id":"id_item"
                }
            ]
$('.kc_fab_wrapper').kc_fab(links);

Install by Bower

bower install kc_fab

License

Copyright (c) 2015 Mark Luk Licensed under the MIT license.