@htmlbricks/hb-tooltip 0.66.8 → 0.66.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +34 -0
- package/manifest.json +1 -1
- package/package.json +1 -1
package/README.md
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
## `hb-tooltip` — tooltip
|
|
2
|
+
|
|
3
|
+
**Category:** overlays
|
|
4
|
+
**Tags:** overlays, tooltip
|
|
5
|
+
|
|
6
|
+
### What it does
|
|
7
|
+
|
|
8
|
+
Wrapper that adds a Bootstrap tooltip around slotted content. Configure via `tooltip` object: `title`, optional `description`, `placement`, `html`, `delay`, `trigger`, `style`, `maxWidth`, etc. Optional `show` can drive visibility; emits `visualizationChange` when the tooltip opens or closes.
|
|
9
|
+
|
|
10
|
+
### Custom element
|
|
11
|
+
|
|
12
|
+
`hb-tooltip`
|
|
13
|
+
|
|
14
|
+
### Attributes (snake_case; use string values in HTML)
|
|
15
|
+
|
|
16
|
+
- `id` (optional), `style` (optional): strings.
|
|
17
|
+
- `tooltip` (optional): JSON string — `TTooltip` (`title`, `description?`, `placement?`, `html?`, `animation?`, `delay?`, `trigger?`, `customClass?`, `offset?`, `style?`, `maxWidth?`, `maxHeight?`) or plain string title per typings.
|
|
18
|
+
- `show` (optional): boolean as string when used from HTML.
|
|
19
|
+
|
|
20
|
+
### Events
|
|
21
|
+
|
|
22
|
+
- `visualizationChange`: `{ id: string; show: boolean }`.
|
|
23
|
+
|
|
24
|
+
### Usage notes
|
|
25
|
+
|
|
26
|
+
- **Slot:** `default` — element(s) to wrap with the tooltip.
|
|
27
|
+
|
|
28
|
+
### Minimal HTML example
|
|
29
|
+
|
|
30
|
+
```html
|
|
31
|
+
<hb-tooltip tooltip='{"title":"Help text","placement":"bottom"}'>
|
|
32
|
+
<button type="button">Hover me</button>
|
|
33
|
+
</hb-tooltip>
|
|
34
|
+
```
|
package/manifest.json
CHANGED