import{_ as t,c as e,o,N as a}from"./chunks/framework.0799945b.js";const g=JSON.parse('{"title":"Module: features/tooltips/tooltip","description":"","frontmatter":{"editLink":false},"headers":[],"relativePath":"api/modules/features/tooltip.md","lastUpdated":null}'),l={name:"api/modules/features/tooltip.md"},d=a('
• BaseTooltip: Object
The properties that are added onto a processed TooltipOptions to create an Tooltip.
Name | Type |
---|---|
pinned? | Ref <boolean > |
profectus/src/features/tooltips/tooltip.ts:47
• TooltipOptions: Object
An object that configures a Tooltip.
Name | Type | Description |
---|---|---|
classes? | Computable <Record <string , boolean >> | Dictionary of CSS classes to apply to this feature. |
direction? | Computable <Direction > | The direction in which to display the tooltip |
display | Computable <CoercableComponent > | The text to display inside the tooltip. |
pinnable? | boolean | Whether or not this tooltip can be pinned, meaning it'll stay visible even when not hovered. |
style? | Computable <StyleValue > | CSS to apply to this feature. |
xoffset? | Computable <string > | The x offset of the tooltip, in px. |
yoffset? | Computable <string > | The y offset of the tooltip, in px. |
profectus/src/features/tooltips/tooltip.ts:27
Ƭ GenericTooltip: Replace
<Tooltip
<TooltipOptions
>, { direction
: ProcessedComputable
<Direction
> ; pinnable
: boolean
; pinned
: Ref
<boolean
> | undefined
}>
A type that matches any valid Tooltip object.
profectus/src/features/tooltips/tooltip.ts:67
Ƭ Tooltip<T
>: Replace
<T
& BaseTooltip
, { classes
: GetComputableType
<T
["classes"
]> ; direction
: GetComputableTypeWithDefault
<T
["direction"
], Up
> ; display
: GetComputableType
<T
["display"
]> ; pinnable
: T
["pinnable"
] extends undefined
? false
: T
["pinnable"
] ; pinned
: T
["pinnable"
] extends true
? Ref
<boolean
> : undefined
; style
: GetComputableType
<T
["style"
]> ; xoffset
: GetComputableType
<T
["xoffset"
]> ; yoffset
: GetComputableType
<T
["yoffset"
]> }>
An object that represents a tooltip that appears when hovering over an element.
Name | Type |
---|---|
T | extends TooltipOptions |
profectus/src/features/tooltips/tooltip.ts:52
▸ addTooltip<T
>(element
, options
): Tooltip
<T
>
Creates a tooltip on the given element with the given options.
Name | Type |
---|---|
T | extends TooltipOptions |
Name | Type | Description |
---|---|---|
element | VueFeature | The renderable feature to display the tooltip on. |
options | T & ThisType <Tooltip <T >> & Partial <BaseTooltip > | Tooltip options. |
Tooltip
<T
>
profectus/src/features/tooltips/tooltip.ts:81
Name | Type |
---|---|
element | VueFeature |
display * | processedPropType<CoercableComponent>(Object, String, Function) |
style | processedPropType<StyleValue>(Object, String, Array) |
classes | processedPropType<Record<string, boolean>>(Object) |
direction | processedPropType<Direction>(String) |
xoffset | processedPropType<string>(String) |
yoffset | processedPropType<string>(String) |
pinned | Persistent<boolean> |
Name |
---|
default |