Biblioteca independiente ES6 JavaScript ToolTip-Tipfy. js
| Autor: | figuarnieri |
|---|---|
| Views Total: | 1,093 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 25, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Tipfy es una librería de texto enriquecido, sencilla, ligera y fácil de config, escrita en JavaScript puro (ES6).
Funcionamiento
Importa los archivos de Tipfy en tu archivo HTML.
<link href="tipfy.css" rel="stylesheet"> <script src="tipfy.js"></script>
Inserte el contenido de la información sobre herramientas en el atributo ' Data-tipfy ' como este:
<span data-tipfy="Custom Tooltip Here"></span>
La biblioteca también admite contenido HTML en la información sobre herramientas.
<span data-tipfy="<b>Custom Tooltip Here</b>"></span>
Inicialice el Tipfy y listo.
new Tipfy('[data-tipfy]'); Agregue un CSS adicional a la información sobre herramientas (útil para aplicar sus propios estilos CSS).
<span data-tipfy="<b>Custom Tooltip Here</b>" data-tipfy-class="class--custom"> </span>
Cambie la dirección predeterminada.
<span data-tipfy="<b>Custom Tooltip Here</b>" data-tipfy-side="top"> Top </span> <span data-tipfy="<b>Custom Tooltip Here</b>" data-tipfy-side="bottom"> Bottom </span> <span data-tipfy="<b>Custom Tooltip Here</b>" data-tipfy-side="left"> Left </span> <span data-tipfy="<b>Custom Tooltip Here</b>" data-tipfy-side="right"> Right </span>
Registro de cambios
10/25/2018
- v1.1.0
