Hover Text

The iv-hover-text component when not being hovered over.

The iv-hover-text component revealing a secret message when being hovered over.

The hover text component is designed to reveal text when hovered over with the mouse cursor.

Technical information

The iv-hover-text is for general usage to create a hidden text box which appears when some other text is hovered over. The hoverElement prop may also be added using the slot.

Props

hoverElement

Type: String

Default: "Hover over me"

Description: The text to be displayed when the mouse is not hovering over the component.

defaultText

Type: String

Default: "This is a secret message."

Description: The text to be displayed when the mouse is hovering over the component.

Events

None.

Design Choices

The blue is chosen to fit in with the general ImpVis blue.