System
Menu

Componenten / Basis / Status

Laden

Laadindicator als ring, stippen of de GXJ-golflijn. Stopt bij reduced motion.

BasisStatus2 instellingenspinner

Voorbeeld

Instellingen

Laden…

<span class="gx-spinner" role="status">
  <span class="gx-sr">Laden</span>
</span>

Instellingen

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

SleutelInstellingWaardenStandaard
kindSoortring dots wavering
sizeAfmetingmd sm lgmd

Richtlijnen

Toegankelijkheid

  • role=status met verborgen tekst 'Laden'.

Wel

  • Pas na 300ms tonen.

Niet

  • Laden zonder iets ervoor terug te geven.

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.
MeldingMededeling in de pagina: info, gelukt, waarschuwing of fout. Optioneel weg te klikken.
ToastKorte bevestiging na een handeling, verdwijnt na 4 seconden. Via de runtime: gx.toast('Tekst').