Modern toggle, push button or just a signal indicator.
* Perfect for touch UIs
Default button
$('#btn1').famultibutton();
Set status
btn = $('#btn2').famultibutton(); btn.setOn();
Other icons
$('#btn3').famultibutton({ backgroundIcon: 'fa-circle-thin', icon: 'fa-music', onColor: '#aa6900', offColor: '#505050' });
Push button
$('#btn4').famultibutton({ backgroundIcon: 'fa-circle-thin', icon: 'fa-refresh', onColor: '#aa6900', offColor: '#505050', mode: 'push', });
Status callback
$('#btn5').famultibutton({ icon: 'fa-lock', onColor: '#ffffff', offColor: '#eeeeee', onBackgroundColor: '#33dd00', toggleOn: function( ) { $('#out').text('Is on')}, toggleOff: function( ) { $('#out').text('Is off')} });
Green push button
$('#btn6').famultibutton({ backgroundIcon: 'fa-square-o', icon: 'fa-undo', onColor: '#33dd00', offColor: '#505050', onBackgroundColor: '#33dd00', mode: 'push', });
Signal indicator
btn=$('#btn7').famultibutton({ icon: 'fa-lightbulb-o', onColor: '#ffffff', offColor: '#eeeeee', onBackgroundColor: '#33dd00', mode: 'signal', }); btn.setOn();
Color settings
btn=$('#btn8').famultibutton({ icon: 'fa-heart', onColor: '#ffffff', offColor: '#ffffff', onBackgroundColor: '#dd3300', mode: 'toggle', }); btn.setOn();
Smallest size
btn=$('#btn9').famultibutton({ icon: 'fa-play', classes: [''], }).setOn();
Bigger size
btn=$('#btn10').famultibutton({ icon: 'fa-stop', classes: ['fa-lg'], }).setOn();
3x size
btn=$('#btn11').famultibutton({ icon: 'fa-step-backward', classes: ['fa-3x'], mode: 'push', });
4x size
btn=$('#btn12').famultibutton({ icon: 'fa-step-forward', classes: ['fa-4x'], mode: 'push', });
jQuery FA Multi Button is © 2015 Mario Stephan - MIT License