Tooltip
areas: content
A simple text popup tip. Can be used to display extra information about its children blocks.
Block
content
Block Setup
id: block_id
type: Tooltip
properties:
title: Tooltip title
Settings
Examples
Button tooltip
id: button_ex
type: Tooltip
properties:
title: Explains what happens when this button is clicked.
blocks:
- id: btn
type: Button
properties:
title: Button
Tooltip JSON Schema Definition
type: object
properties:
events:
additionalProperties: false
properties:
onVisibleChange:
description: Trigger action when visibility of the tooltip card is changed.
type: array
type: object
properties:
additionalProperties: false
properties:
arrowPointAtCenter:
default: false
description: Whether the arrow is pointed at the center of target.
type: boolean
autoAdjustOverflow:
default: true
description: >-
Whether to adjust popup placement automatically when popup is off
screen.
type: boolean
color:
description: The background color.
type: string
defaultVisible:
default: false
description: Whether the floating tooltip card is visible by default.
type: boolean
mouseEnterDelay:
default: 0.1
description: Delay in seconds, before tooltip is shown on mouse enter.
type: number
mouseLeaveDelay:
default: 0.1
description: Delay in seconds, before tooltip is shown on mouse enter.
type: number
overlayStyle:
description: Style of the tooltip card.
type: object
placement:
default: top
description: The position of the tooltip relative to the target.
enum:
- top
- left
- right
- bottom
- topLeft
- topRight
- bottomLeft
- bottomRight
- leftTop
- leftBottom
- rightTop
- rightBottom
type: string
title:
description: >-
Title to show in the title area. Overwritten by blocks in the title
content area.
type: string
trigger:
default: hover
description: Tooltip trigger mode.
enum:
- hover
- focus
- click
type: string
zIndex:
description: The z-index of the Tooltip.
type: integer
type: object