fab

Floating Action Button Library for Javascript whit JQuery

Libreria creada para generar botones flotantes, con acciones determinadas por el programador, de una manera sencilla.

Requiere:

• JQuery, proximamente solo Javascript Vanilla.

Su funcionamiento es el siguiente:

Para poder usar la libreria, se necesita llamar a una funcion de la siguiente manera:

var nombre_variable = new Fab(json)

Con esta funcion previamente llamada, necesita un parametro para poder funcionar, el cual es un json con datos requeridos, a continuacion se muestran:

• selector: selector utilizado en HTML
• button: {
      style: clase que se le quiere poner al boton principal
      html: datos que se quieran insertar en la etiqueta
  }
  
• icon: {
      style: clase que se le quiere poner al icono del boton principal
      html: datos que se quieran insertar en la etiqueta
  }
  
• position: top-left || top-right || bottom-left || bottom-right
• direction: horizontal || vertical
• buttons:[
     {
     button: {
     style: clase que se le va a dar a los botones con acciones
     html: datos que se quieran insertar en la etiqueta
     }
     icon:{
     style: clase que se le va a dar a los iconos que contienen botones con acciones
     html: "datos que se quieran insertar en la etiqueta
     }
     onClick: function(){
     funcion que se va a ejecutar al momento de darle click al boton
     }
     }
  ]
  
• selector: selector utilizado en HTML
• selector: selector utilizado en HTML

onOpen: function(){<br> 	funcion que se va a ejecutar al momento de que se abra el menu<br> },<br> onClose: function(){<br> 	funcion que se va a ejecutar al momento de que se cierre el menu<br> }<br> 

});