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.
Language: English
HTML structure
[%<info-icon>
<a><svg></svg></a>
<div>
<p>Here is the info text.</p>
</div>
</info-icon>%]
Comments
Currently the element is always rendered as a hint.
It is not possible to use an info-icon within 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
Attributes
Coding name
type
Mandatory
0
Description
How the additional element is rendered.
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.
We are sorry
This page cannot be displayed in your browser. Use Firefox, Opera, Safari, or Chrome instead.