Loader

Kaesos Spinner: drei Wege auf einem Ring, der vorderste in voller Farbe, eine Dritteldrehung pro 800ms-Takt. In Steuerelementen erscheint er erst nach 300ms Arbeit und bleibt dann mindestens 400ms.

Quelltext
Saving provider…
import { Loader, Spinner, useDelayedLoading } from "@logicplanes/kaeso-ui";

Props

  • delay
    number | boolean

    Wartet, bevor Spinner und Beschriftung erscheinen, damit schnelle Arbeit nichts zeigt: true für die 300ms der Bibliothek (useDelayedLoading) oder Millisekunden. Standardmäßig keine Wartezeit.

  • hideLabel
    boolean

    Behält label nur für assistive Technologien, wo die Seite ringsum schon sagt, was passiert.

  • label
    string

    Neben dem Spinner angezeigt („Anbieter wird gespeichert…“); ohne sie wird „Lädt“ in der Sprache des LocaleProvider angesagt.

  • loading
    boolean = true

    Ob die Arbeit läuft; standardmäßig an. Mit delay und minDuration steuert es das Timing des Spinners.

  • minDuration
    number

    Einmal sichtbar, bleiben sie mindestens so viele Millisekunden: 400 mit Wartezeit, 0 ohne.

  • size
    "md" | "xs" | "sm" | "lg" | "xl" = sm

    Die Größe des Ladeindikators auf der Schriftskala.

  • tone
    "secondary" | "tertiary" | "current"

    Die Farbe von Spinner und Beschriftung: standardmäßig secondary.