System
Menu

Componenten / Uitgebreid / Status

Toast

Korte bevestiging na een handeling, verdwijnt na 4 seconden. Via de runtime: gx.toast('Tekst').

UitgebreidStatus2 instellingentoast

Voorbeeld

Instellingen

Laden…

<button class="gx-btn gx-btn--secondary" type="button" data-gx-toast="Token gekopieerd" data-tone="neutral">Toon toast</button>

Instellingen

Alles wat je kunt variëren. Ook als query in de URL en als options in de MCP-tool get_component.

SleutelInstellingWaardenStandaard
toneToonneutral success dangerneutral
textTeksttekstToken gekopieerd

Richtlijnen

Toegankelijkheid

  • Live region (role=status), pauzeert bij hover en focus.

Wel

  • Bevestiging van iets wat al gelukt is.

Niet

  • Fouten die actie vragen.

Verwant

BadgeKorte status of categorie. Zacht, gevuld of omlijnd, met optionele stip.
TooltipKorte uitleg bij hover en focus. Alleen aanvullend: de info staat ook elders of is niet essentieel.
LadenLaadindicator als ring, stippen of de GXJ-golflijn. Stopt bij reduced motion.
MeldingMededeling in de pagina: info, gelukt, waarschuwing of fout. Optioneel weg te klikken.