hidden
Introductie
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.
Snelstart
SCSS importeren:
@use "@minvws/manon/components/hidden";
Voorbeelden
Onderstaand voorbeeld bevat drie paragrafen waarvan er twee verborgen worden.
Voorbeeld paragraaf 1.
Voorbeeld paragraaf 2.
Voorbeeld paragraaf 3.
<div>
<p class="hidden">Voorbeeld paragraaf 1.</p>
<p hidden>Voorbeeld paragraaf 2.</p>
<p>Voorbeeld paragraaf 3.</p>
</div>