tooltip.html 634 Bytes
Edit Raw Blame History



1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29


<!DOCTYPE html>
<title>Tooltip.js test page</title>
<script src="../../dist/popper.js"></script>
<script src="../../dist/tooltip.js"></script>
<style>
    body {
        min-height: 100vh;
        margin: 0;
    }
    .reference {
        background: yellow;
        width: 200px;
    }
    .tooltip {
        color: white;
        background: black;
        border-radius: 2px;
        display: inline-block;
    }
</style>

<div class="reference" title="Tooltip text">Reference element</div>

<script>
    new Tooltip(
        document.querySelector(".reference"),
        { placement: "bottom", trigger: "click" }
    );
</script>