@emanon/ema-tooltip

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.