-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathTooltip Customizado
30 lines (26 loc) · 1.02 KB
/
Tooltip Customizado
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
30
<head>
<style>
.custom-tooltip {
background-color: #E2E3E5;
color: #fff;
padding: 5px 10px;
border-radius: 5px;
}
</style>
</head>
<label for="nome" class="w-100 d-flex align-items-center">
<span class="me-2">Texto do Labe?</span>
<a href="#" class="d-inline" data-bs-toggle="tooltip" data-bs-placement="right" title="Seu texto aqui." style="text-decoration: none;">
<i class="fas fa-info-circle"></i>
</a>
</label>
<!--Javascript para tooltip-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script>
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl, {
template: '<div class="tooltip custom-tooltip" role="tooltip"><div class="tooltip-inner"></div></div>'
});
});
</script>