Verbergen - hidden

Object verbergen. Door middel van een display:none wordt het object verborgen.

Let op: Screenreaders slaan over het algemeen ook objecten met "display: none" over voor hun gebruikers.

Benodigde stappen:

1. Voeg de benodigde bestanden toe aan het project. Voor een overzicht van de benodigde en optionele bestanden zie: Bijbehorende bestanden.
2. Voeg de class hidden aan het gewenste element.

Voorbeeld

Onderstaand voorbeeld bevat drie paragrafen waarvan er twee verborgen worden.

HTML-voorbeeld:

<div>
  <p class="hidden">Voorbeeld paragraaf 1.</p>
  <p hidden>Voorbeeld paragraaf 2.</p>
  <p>Voorbeeld paragraaf 3.</p>
</div>

Bijbehorende bestanden

Voor meer informatie over importeren en instellen van componenten. Zie: Componenten gebruiken en styling toevoegen

Importeer component via npm

CSS-voorbeeld:

@use "@minvws/manon/hidden";

Instelbare variabelen

Dit element heeft zelf geen instelbare variabelen.