Tooltip element to display small amounts of information bound to an element.
npm install @exmg/exm-tooltipsh
npm install @exmg/exm-tooltip
`
Example Usage
$3
`html
the name means "different lizard"
`
API
$3
| Name | Description |
| --------- | ---------------------------------- |
| _default_ | Button to handle copy to clipboard |
$3
| Name | Type | Default | Description |
| -------------------- | --------- | ---------- | ----------------------------------------------------------------------------------------------------- |
| for | string | _None_ | The id of the element that the tooltip is anchored to. This element must be a sibling of the tooltip. |
| position | string | _bottom_ | Positions the tooltip to the top, right, bottom, left of its content. |
| fitToVisibleBounds | boolean | _None_ | The id of the element that the tooltip is anchored to. This element must be a sibling of the tooltip. |
| xOffset | number | _None_ | X axis offset from the parent's center. |
| yOffset | number | _None_ | Y axis offset from the parent's center. |
$3
_None_
$3
_None_
$3
| Name | Default | Description |
| ----------------------------- | --------- | ------------------------- |
| --exm-tooltip-font-size | 10px | Font size of tooltip text |
| --exm-tooltip-line-height | 1 | Text line height |
| --exm-tooltip-background | #616161 | Background color |
| --exm-tooltip-opacity | 0.9 | Tooltip opacity |
| --exm-tooltip-text-color | white | Font color |
| --exm-tooltip-padding | 8px | Container padding |
| --exm-tooltip-border-radius | 2px | Container border radius |
| --exm-tooltip-min-width | initial` | Min width of the tooltip |