Toggletip
Toggletips geven aanvullende informatie in de gebruikersinterface. Ze lijken erg op tooltips, behalve dat de tip niet wordt weergegeven bij hover of focus. Een toggletip is gekoppeld aan een trigger (info button, badge of icon) en maakt gebruik van het Rich Content component om tekst te structureren en interactieve elementen te plaatsen.
Technische opmerkingen component
- De positionering en type trigger van de toggletip is instelbaar.
- De overlay (tooltip) wordt geplaatst in de Top layer van het document.
Wanneer het component gebruiken
Gebruik een toggletip om extra informatie te bieden, zonder dat de gebruiker direct de context van de pagina verliest. Voorwaarde is dat de gebruiker niet naar de informatie hoeft te handelen.
De inhoud van een toggletip is conceptueel vaak gelijk aan voetnoten op een pagina. Interactieve elementen zoals links zijn OK.
Wanneer het component niet te gebruiken
Plaats geen cruciale informatie of lange teksten in een toggletip. Overweeg om voor langere inhoud een modal te gebruiken.
En beter nog; als je de ruimte hebt gebruik dan geen toggletips, maar duidelijke labels en vaste content op de pagina.
Hoe het component te gebruiken
Een toggletip is een samengesteld patroon met een trigger (info button, badge of icon) en een overlay. De trigger schakelt de zichtbaarheid van de overlay in en uit.
Gedrag en toegankelijkheid van het component
De trigger bevat altijd een toegankelijk label; als deze niet is gedefinieerd bij de toggletip wordt de default "Toelichting".