DSO Toolkit v97.0.0 🏴󠁧󠁢󠁳󠁣󠁴󠁿

Deze release bevat breaking changes voor het volgende component:

• Banner (HTML/CSS implementatie)

Deze release bevat een deprecation voor het volgende component:

• Info (HTML/CSS implementatie)

Banner (HTML/CSS implementatie)

De HTML/CSS implementatie van het component Banner is in ⌚ v95.0.0 deprecated. In deze release is deze implementatie verwijderd.

Migratiepad

Gebruik de Core implementatie van Banner.

❌
<section role="alert" class="dso-banner alert-error dso-icon">
  <div class="dso-banner-inner">
    <div class="dso-rich-content">
      <h2>Storingsmelding:</h2>
      <p>
        Op dit moment ervaren wij een storing in de Vergunningcheck. U kunt wel een
        <a href="#" class="download">aanvraag</a>
        of melding indienen.
      </p>
    </div>
    <dso-icon-button variant="tertiary" icon="cross" label="Sluiten"></dso-icon-button>
  </div>
</section>

✅
<dso-banner status="error" icon="">
  <div class="dso-banner-inner">
    <div class="dso-rich-content">
      <h2>Storingsmelding:</h2>
      <p>
        Op dit moment ervaren wij een storing in de Vergunningcheck. U kunt wel een
        <a href="#" class="download">aanvraag</a>
        of melding indienen.
      </p>
    </div>
    <dso-icon-button variant="tertiary" icon="cross" label="Sluiten"></dso-icon-button>
  </div>
</dso-banner>

Info (HTML/CSS implementatie)

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

Migratiepad

Gebruik het Core component Info.

❌
<div class="dso-info">
  <div class="dso-rich-content">...</div>
  <button type="button" class="">
    <span class="sr-only">Sluiten</span>
  </button>
</div>

✅
<dso-info fixed="" active="">
  <div class="dso-rich-content">...</div>
</dso-info>