UITooltip

A tooltip component

Since: 7.0.0 (3.0.0)

NameTypeDefaultDescription

title

string

Tooltip title

text

string

Required - Tooltip text

show

boolean

false

If the tooltip should be visible

fixed

boolean

false

Set to true if the tooltip should be possisioned fixed instead of absolute

parent

object

Position against specific parent element. Otherwise take closest.

verticalPosition

string

""top""

Vertical position for the tooltip reference to parent [top|center|bottom]

horizontalPosition

string

""center""

Horizontal position for the tooltip reference to parent [left|center|right]

arrowPosition

string

""bottom""

Arrow position on the tooltip [bottom|top|left|right]

Example

import {UITooltip} from 'writer'

render($$) {
    const el = $$('div')

    return el.append(
        $$(UITooltip, {
            title: 'My neat tooltip',
            text: 'Hello World',
            fixed: false,
            show: true
        })
    )
}