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

collapzion.js is a simple, lightweight jQuery plugin for creating a Material Design inspired floating navigation button on the webpage.

Material-Design toggle-menu

Documentation

collapzion.js (v 1.0)

Lightweight jQuery plugin that help to create and Floating Action Buttons for your mobile or dekstop application

Getting Started

manually

git clone [email protected]:channasmcs/collapzion.git

How use collapzion.js

jQuery(function($){ 	$('#btncollapzion').Collapzion({         _child_attribute:[           	{               'label':'Create new Document',               'url':'/Create',               'icon':''           	},           	{               'label':'Manage My Document',               'url':'/manage',               'icon':''           	},           	{               'label':'My Profile',               'url':'/profile',               'icon':''           	},       	],       	_main_btn_color:'#4285f4;',       	_child_btn_color:'#f4645f;', 	}); });
<div id="btncollapzion" class=" btn_collapzion"></div>

Import font Icon

in this time collapzion.js use , Google material Icon. you can import icon using following URl

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

License

Copyright © Channa Bandara
Licensed under the GNU GENERAL PUBLIC LICENSE.


You May Also Like