Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Table with the Tooltip | Tables
Test UI Features
course content

Kursusindhold

Test UI Features

Test UI Features

1. Buttons
2. ContentDev Tools
3. Image Tools
4. Links
5. Other
7. Tables
8. Developers

book
Table with the Tooltip

Readme

The table cell with a tooltip is structured as follows:

html
  • progress-tooltip-container : A wrapper div to organize the main content ( Trustpilot Score ) and the tooltip;

  • info-tooltip : A span that acts as the tooltip trigger. In this example, it is represented by the "ⓘ" symbol;

  • info-tooltip-text : A nested span containing the tooltip's text. This content is displayed when the user hovers over the trigger.

Element

Source Code

html

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 7. Kapitel 2

Spørg AI

expand
ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

course content

Kursusindhold

Test UI Features

Test UI Features

1. Buttons
2. ContentDev Tools
3. Image Tools
4. Links
5. Other
7. Tables
8. Developers

book
Table with the Tooltip

Readme

The table cell with a tooltip is structured as follows:

html
  • progress-tooltip-container : A wrapper div to organize the main content ( Trustpilot Score ) and the tooltip;

  • info-tooltip : A span that acts as the tooltip trigger. In this example, it is represented by the "ⓘ" symbol;

  • info-tooltip-text : A nested span containing the tooltip's text. This content is displayed when the user hovers over the trigger.

Element

Source Code

html

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 7. Kapitel 2
Vi beklager, at noget gik galt. Hvad skete der?
some-alt