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

Readme

Keywords

none

Package Sidebar

Install

npm i @emanon/ema-tooltip

Weekly Downloads

16

Version

0.5.0

License

MIT

Unpacked Size

56.6 kB

Total Files

7

Last publish

Collaborators

  • npm-cam
  • fkei
  • noritama
  • t4y3
  • ejithon
  • daiki_choko
  • higashiyama
  • usui_yuki_cam