0.5.0 • Published 3 years ago
@emanon/ema-tooltip v0.5.0
ema-tooltip
Overall
Used to notify users of information with tooltiop style.
Properties
Property | Attribute | Type | Default | Description |
---|---|---|---|---|
noArrow | noArrow | boolean | false | Set true to hide the arrow element. |
opened | opened | boolean | false | Visibility flag. |
placement | placement | "top" \| "right" \| "bottom" \| "left" \| "top_right" \| "bottom_right" \| "bottom_left" \| "top_left" \| "right_top" \| "right_bottom" \| "left_top" \| "left_bottom" | "top" | Where a tooltip arrow is displayed. |
Methods
Method | Type |
---|---|
close | (): void |
Events
Event | Type | Description |
---|---|---|
close | CustomEvent<{}> | Fires when the tooltip is closed. |
request-close | CustomEvent<{ accept: () => void; }> | Fires when the tooltip want to be closed.Call the function passed to accept. |
CSS Custom Properties
Property | Default | Description |
---|---|---|
--ema-c-tooltip-arrowSize | "10px" | Arrow size. |
--ema-c-tooltip-bgColor | "#80888f" | Background color. |
--ema-c-tooltip-borderColor | "#80888f" | Border color. |
--ema-c-tooltip-borderRadius | "4px" | Border radius. |
--ema-c-tooltip-borderWidth | "1px" | Border width. |
0.5.0
3 years ago
0.4.0
3 years ago
0.3.3
3 years ago
0.3.2
3 years ago
0.3.1
3 years ago
0.3.0
3 years ago
0.2.1
3 years ago
0.2.0
3 years ago
0.1.0
3 years ago
0.0.13
4 years ago
0.0.12
4 years ago
0.0.10
5 years ago
0.0.9
5 years ago
0.0.8
5 years ago
0.0.7
5 years ago
0.0.6
5 years ago
0.0.5
6 years ago
0.0.4
6 years ago
0.0.3
6 years ago
0.0.2
6 years ago