Ga naar hoofdinhoud

DSO Toolkit v92.0.0 🚚

· 2 minuten leestijd
Eric Tamminga
Eric Tamminga
DSO Toolkit Maintainer
Xiangju Zou
Xiangju Zou
DSO Toolkit Maintainer

Deze release bevat Breaking changes voor het volgende component:

  • Toggletip

In deze release is het volgende component deprecated:

  • Highlight Box (HTML/CSS implementatie)

Toggletip​

Dit component is in 🧱 Release 91.0.0 deprecated. In deze release is dit component verwijderd.

Gebruik in plaats van Toggletip het component Info Button met Toggletip functionaliteit (sinds 🤧 Release 88.0.0). Daarnaast bieden wij sinds 🦡 Release 90.1.0 ook het component Badge aan met Toggletip functionaliteit.

Migratiepad​

❌
<dso-toggletip>
  <div class="dso-rich-content">...</div>
</dso-toggletip>

✅
<dso-info-button label="Toelichting bij vraag">
  <div slot="toggletip">
    <div class="dso-rich-content">...</div>
  </div>
</dso-info-button>

✅
<dso-badge>
  <div slot="toggletip">
    <div class="dso-rich-content">...</div>
  </div>
</dso-badge>

Highlight Box (HTML/CSS implementatie)​

De HTML/CSS implementatie van het component Highlight Box is deprecated. In een toekomstige BREAKING release zal de HTML/CSS implementatie verwijderd worden.

Migratiepad​

Gebruik de Core implementatie van Highlight Box.

❌
<div class="dso-highlight-box  dso-yellow dso-has-counter">
  <div class="dso-step-counter">
    <dso-icon icon="plus"></dso-icon>
  </div>
  <div class="dso-rich-content">
    <p>Het Informatiehuis Bouw kent, op basis van de huidige gebruikerswensen, vier Informatieproducten</p>
  </div>
</div>

✅
<dso-highlight-box yellow>
  <dso-icon icon="plus" slot="icon"></dso-icon>
  <div class="dso-rich-content">
    <h3>Toelichting: Vergunningvrij onder voorbehoud</h3>
    <p>Het Informatiehuis Bouw kent, op basis van de huidige gebruikerswensen, vier Informatieproducten</p>
  </div>
</dso-highlight-box>