Tooltip
A tooltip is a non-modal, non-interactive overlay that contains supplemental information for user interfaces. It is hidden by default and becomes unhidden when an associated element is hovered or focused. A tooltip can't be selected or interacted with directly.
Variants
Props
| Props | Datatype | Values/Example |
|---|---|---|
| show | boolean | "true" | "false" |
| placement | string | "left" | "right" | "top" | "bottom" |
| title | string | "Cancel" |
| onClick | function | function from parent component |
| styleProp | Object | font-size: var(--base-text) |
| classProp | Object | font-size: var(--base-text) |