MenüChevron Down
Spinner - Docs - Artefact

Spinner

Feedback
Rein darstellend

Einführung

Eine Komponente, die einen Ladezustand anzeigt.

Verwendung

Loading...
import { Spinner } from "../components/ui";

export default function MyPage() {
  return <Spinner size="md" label="Loading..." />;
}

CMS-Seitenbauer

Diese Komponente ist als spinner-Block im Seitenbauer (content/pages/*.json) verfügbar:

{
  "type": "spinner",
  "size": "lg",
  "label": "Loading"
}

Eigenschaften

EigenschaftTypBeschreibung
classstringBenutzerdefinierte CSS-Klassen.

| size | "xs" \| "sm" \| "md" \| "lg" \| "xl" \| "2xl" \| "inherit" | Die Größe des Spinners. |

| label | string | Ein barrierefreies Label für Screenreader. |