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. |