Data list

Voornaam

Mees

Achternaam

de Vos

Adres

Tweede Kamer der Staten-Generaal Postbus 20018 2500 EA Den Haag

Voorbeeld HTML

<dl class="rvo-data-list">
  <dt>
    <div>Voornaam</div>
  </dt>
  <dd>
    <div>Mees</div>
  </dd>
  <dt>
    <div>Achternaam</div>
  </dt>
  <dd>
    <div>de Vos</div>
  </dd>
  <dt>
    <div>Adres</div>
  </dt>
  <dd>
    <div>Tweede Kamer der Staten-Generaal Postbus 20018 2500 EA Den Haag</div>
  </dd>
</dl>

Open in nieuwe tab

Met de data list toon je verschillende waardes onder elkaar.

Wanneer gebruik je een data list

Als je een overzichtelijke opsomming wil geven van data die bij elkaar hoort zoals n.a.w. gegevens.

Anatomie van het component

Een data list bestaat uit:

• Het label.
• De waarde.

Richtlijnen

• Maak of het label of de waarde bold afhankelijk wat belangrijker is voor de gebruiker/klant. Het is niet toegestaan om in dezelfde data list afwisselend het label of de waarde bold te maken.