HTML custom component
info-icon
Description
A component for connecting an icon with an initially hidden element containing more information related to the context of the icon. When clicked the element appears. On a subsequent action the element disappears.
HTML structure
[%<info-icon>
<a><svg></svg></a>
<div>
<p>Here is the info text.</p>
</div>
</info-icon>%]
[%<info-icon><p>Minimal markup.</p></info-icon>%]
Comments
Currently the element is always rendered as a hint.
It is not possible to use an info-icon within a %p% element. The opening p tag will be closed by starting %info-icon% tag due to [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p, tag omission rules]. Use a %div% tag instead. This might affect other tags.
|
Attributes
| Coding name |
type
|
| Value space |
There is currently only one possible value: %hint%.
|
| Default value |
When the type attribute is absent, the element holding additional information is rendered as a hint.
|
| Mandatory |
0
|
|
We are sorry
This page cannot be displayed in your browser. Use Firefox, Opera, Safari, or Chrome instead.