Context Help
Display an Icon with a tooltip.
Usage
The help message can be displayed in two modes: auto
and manual
.
In auto
mode, the help message is displayed when the user hovers the icon.
In manual
mode, the help message is displayed when the you call the showDialog
method.
This is a text with a <monster-context-help id="help">
<div>This is a help message</div>
</monster-context-help> help message icon.
Hover the icon to see the tooltip.
The result of the above example:
This is a text with a help message.
Hover the icon to see the tooltip.
Options
Attribute | Description | Type | Accepted Values | Default |
---|---|---|---|---|
mode | The mode of the component | String | auto , manual | auto |
classes.button | The class of the button | String | monster-theme-error-2 | |
templates.main | The template of the component | String | monster-context-error |