DSO Component Library

Tooltip 

<!-- Default -->
<div class="dso-tooltip">Hergebruiken</div>


<!-- Tooltip Long Text -->
<div class="dso-tooltip">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</div>


<div class="dso-tooltip">{{ label }}</div>
 
/* Default */
label: Hergebruiken



/* Tooltip Long Text */
label: >-
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
  ligula eget dolor.

There are no notes for this item.

WARNING: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage

This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.

<div class="dso-tooltip">Hergebruiken</div>

NOTICE: WCAG2AA.Principle2.Guideline2_4.2_4_2.H25.2

Check that the title element describes the document.

<title>Tooltip