Ga naar hoofdinhoud

DSO Toolkit v79.0.0 🧽

· Een minuut leestijd
Eric Tamminga
Eric Tamminga
DSO Toolkit Maintainer

Deze release bevat Breaking changes voor de volgende componenten:

  • Breadcrumbs
  • Header

Deze release bevat een deprecation voor het volgende component:

  • Label (HTML/CSS implementatie)

Het HTML/CSS component Breadcrumbs maakte nog ten onrechte gebruik van de class name in enkelvoud: breadcrumb. Daarnaast ontbrak de prefix dso- in de class name. Dat hebben we in deze release gecorrigeerd. De class name is geworden dso-breadcrumbs

Migratiepad​

Vervang de class name breadcrumb door dso-breadcrumbs.

❌

<ol class="breadcrumb">
  [..]
</ol>

✅

<ol class="dso-breadcrumbs">
  [..]
</ol>

De property useDropDownMenu is hernoemd, de mogelijke waarden zijn gelijk gebleven.

Migratiepad​

❌
<dso-header useDropDownMenu="always|auto"></dso-header>

✅
<dso-header compact="always|auto"></dso-header>

Label​

Het HTML/CSS component Label is deprecated. In een toekomstige BREAKING release zal dit component verwijderd worden.

Migratiepad​

Gebruik de Core implementatie van Label.

❌

<span class="dso-label dso-label-primary dso-compact">
  <span class="dso-label-symbol">[...]</span>
  LABEL
  <button type="button">
    <span class="sr-only">Verwijder</span>
    <dso-icon icon="times"></dso-icon>
  </button>
</span>

✅

<dso-label status="primary" compact removable>
  <!-- event listener onDsoRemoveClick -->
  <span slot="symbol">[...]</span>
  LABEL
</dso-label>