🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

KC FAB is a minimal jQuery plugin to create a Material Design-style circular floating action button that lifts and emits ink reactions on press.

Material-Design Floating-Action-Button

Documentation

KC FAB

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

Version

1.0

DEMO

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.


You May Also Like