Topincs Reference
Logout
HTML custom componentA-ZOngoing

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.

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
Mandatory0
DescriptionHow the additional element is rendered.
Value spaceThere is currently only one possible value: %hint%.
Default valueWhen 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.

   

Before we continue …