Bootstrap Button Designer Demo

Required dependecies:

  bootstrap.min.css@3.3.7
  font-awesome.min.css@4.7.0 ^{*(optional, enabled by default)}
  ionicons.min.css@2.0.1 ^{*(optional, enabled by default)}
  jquery.slim.min.js@3.3.1 ^{*(will probably work with older)}

Usage:

<!DOCTYPE html>
<html>
  <head>
  ^{... your bootstrap / jquery goes here ...}
  <link rel="stylesheet" href="dist/bootstrap-button-designer.css" media="screen">
  <script src="dist/bootstrap-button-designer.all.min.js"></script>
</head>
<body>
  <button type="button" class="btn btn-default button-designer"><i class="fa fa-plus"></i> Some Text Button 1</button>
  <script>
        $(function () {
            $('.button-designer').button_desinger().on('update.bs.button-designer', function(){
                console.log(this.outerHTML);
            });
        })
    </script>
</body>