Difference between revisions of "Hover Text"
Jump to navigation
Jump to search
(Initial Page) |
|||
| Line 20: | Line 20: | ||
Description: The text to be displayed when the mouse is hovering over the component. | Description: The text to be displayed when the mouse is hovering over the component. | ||
====== clickInsteadOfHover ====== | |||
Type: Boolean | |||
Default: false | |||
Description: If set to true, hidden text will appear when clicking on the component instead of hovering. | |||
===Events=== | ===Events=== | ||
Latest revision as of 19:26, 9 March 2022
.png)
.png)
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.
clickInsteadOfHover
Type: Boolean
Default: false
Description: If set to true, hidden text will appear when clicking on the component instead of hovering.
Events
None.
Design Choices
The blue is chosen to fit in with the general ImpVis blue.