@emanon/ema-tooltip
0.5.0 • Public • Published
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. |
Package Sidebar
Install
npm i @emanon/ema-tooltip
Weekly Downloads